canvas 实现编码思考
Posted 张仪ranck
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了canvas 实现编码思考相关的知识,希望对你有一定的参考价值。
基础入门
难点
多图形管理
- 生成
- 存储
- class分类
- 唯一标识
- 选中标识
- zindex堆叠
事件
- 点击
- 双击
- 右击
- 拖拽
- 滚动
动画
- requestAnimationFrame
- 分针渲染
- 多物体运动
- 运动曲线策略模式
物体碰撞
- isPointInPath
- isPointInStroke
- 数学拾取
性能优化
- 分帧渲染
- 分屏渲染多个重合canvas
- 合理context赋值操作,他很耗性能
- 减少渲染类容,屏幕之外的预先裁剪
- 离屏渲染drawImage
- 复杂的纯计算转worker执行
以上是关于canvas 实现编码思考的主要内容,如果未能解决你的问题,请参考以下文章