根底入门

难点

  • 多图形治理

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

  • 事件

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

  • 动画

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

  • 物体碰撞

    • isPointInPath
    • isPointInStroke
    • 数学拾取

性能优化

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