最近做的一个需求，遇到一个问题，小程序绘图目前只支持 px单位，设计图一般是以 iphone6为基准设计，如果严格 iphone6的尺寸进行代码编写，放在其他尺寸的设备上，肯定是不行的，所以需要按照设备进行等比例兼容，这里给出两个解决方案
先假设一个需求，下面是最终实现的效果(以 iphone6为基准)，下面就以此为目标进行展开
(此图片来源于网络，如有侵权，请联系删除! )
整个页面被 canvas组件覆盖(在 iphone6下宽高为 375x603)，中间偏蓝色的是一张图片，图片上有一行字 flexible canvas
类 rem
等比例缩放单位的解决方案，也就是以一个尺寸为基准
2021-03-29 18:12:40
93KB
1
采用 canvas 绘制小游戏，可通过重置速度、分数来重新体验游戏。适合学习绘制 canvas 小游戏的初学者
2021-03-28 13:05:30
5KB
1
用JavaScript实现网红太空人表盘（绝对详细、绝对原创），附源码下载
2021-03-27 20:18:19
2.42MB
1
命运之轮
原始画布幸运转盘，适合大部分转盘游戏功能需求，通过贝塞尔曲线控制速度。理论上支持小程序，源码不复杂，有需要的同学可以自己修改
目录
安装
npm：
npm install canvas-wheel-of-fortune
CDN：
< script src =" ./../dist/wheel.min.js " > </ script >
示例
克隆这个仓库，用浏览器打开example目录下index.html文件查看效果
// 奖品的信息，顺时针以角度区分
const prizeInfo = [
{
name : '深紫罗兰色' ,
ds : [ 0 , 45 ]
} ,
{
name : '海军蓝' ,
ds :
2021-03-24 12:08:52
174KB
1
完全支持Activiti Bpmn建模，基于Javascript Canvas的Activiti流程编辑器，兼容主流浏览器，可以在浏览器上绘制流程图、绑定表单，并部署到服务器端。文档在xmodel.honqun.cn
2021-03-24 12:06:01
251KB
1
一、绘制矩形
canvas使用原点(0,0)在左上角的坐标系统，x坐标向右递增，y坐标向下递增。
使用绘图环境的矩形绘制函数来绘制矩形。
fillRect(x,y,width,height) ： 绘制一个实心的矩形。 strokeRect(x,y,width,height) ： 绘制一个空心的矩形。 clearRect(x,y,width,height) ： 清除指定的矩形区域，使之完全透明。
二、在canvas中绘制矩形
复制代码代码如下: <!–<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。–> <!DOCTYPE html> <html
2021-03-21 16:13:58
38KB
1