wxDraw 是在微信小程序端运行的轻量canvas动画库 特点
-
Simple 基本不需要学canvas,会用jQuery就会使用wxDraw
-
Data-driven 所有图形,随时随地都可以进行,属性修改,即改即用。
-
Eventful 小程序支持的事件只要是合理的都支持「」 - longpress - tap - touchstart
- touchmove - touchend -
Lightweight 图形改变只会单独计算改变的图形,其余按原样绘制节省消耗。
-
Animational wxDraw支持链式调用动画『就像jQuery的animate一样』,并且支持几乎所有的缓动函数。
-
易于拓展 支持用户自定义图形创建
-
图形创建
- rect
- arc
- 扇形
- 圆
- polygon
- 正n边形
- 用户自己加的形状
- 光滑版用户自己加的形状
-
image - 线条
-
贝塞尔曲线『用的较少,绘制出来后 没法事件检测』 - 普通线条
- 光滑曲线
-
-
svg path - 椭圆
- 事件
- 动画
- 样式
- 字体
- 事件
- 动画
- 样式
- 粒子动画元素『我觉得这个算另外一种系统 不属于形状』
-
样式
- 阴影
- 渐变
- 线宽
- 线连接
- 透明度
-
选中检测
- rect
- arc
- 整个圆形
- 扇形区域
- polygon 区域
- 正多边形
- 非规则多边形
- 线条点击
- 点 点击
- 椭圆
- 层级区分
-
动画
- requestAnimationFrame垫片
- 时间扭曲函数
- 运动
- 移动
- x
- y
-
放大缩小 使用矩阵暂时搁浅 - 旋转
- [x]原点旋转
- [x]自身中心点旋转
- 变色
- 循环动画
- 连续动画
-
暂停动画
- 移动
-
精灵图『小程序 所支持的drawImage功能太低级 所以取消』
-
矩阵变换
-
层级修改
-
事件
- touchstart
- touchmove
- touchend
- 拖拽事件
- tap事件
- longpress事件
-
划入划出「划入划出是鼠标的事件吧」
-
取消事件绑定
-
clone