关于javascript:canvas-实现编码思考

根底入门

难点

• 多图形治理

  • 生成
  • 存储
  • class 分类
  • 惟一标识
  • 选中标识
  • zindex 重叠

• 事件

  • 点击
  • 双击
  • 右击
  • 拖拽
  • 滚动

• 动画

  • requestAnimationFrame
  • 分针渲染
  • 多物体静止
  • 静止曲线策略模式

• 物体碰撞

  • isPointInPath
  • isPointInStroke
  • 数学拾取

性能优化

• 分帧渲染
• 分屏渲染多个重合 canvas
• 正当 context 赋值操作，他很耗性能
• 缩小渲染类容，屏幕之外的事后裁剪
• 离屏渲染 drawImage