基础入门

难点

  • 多图形管理

    • 生成
    • 存储
    • class分类
    • 唯一标识
    • 选中标识
    • zindex堆叠
  • 事件

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

    • requestAnimationFrame
    • 分针渲染
    • 多物体运动
    • 运动曲线策略模式
  • 物体碰撞

    • isPointInPath
    • isPointInStroke
    • 数学拾取

性能优化

  • 分帧渲染
  • 分屏渲染多个重合canvas
  • 合理context赋值操作,他很耗性能
  • 减少渲染类容,屏幕之外的预先裁剪
  • 离屏渲染drawImage
  • 复杂的纯计算转worker执行

张仪ranck
410 声望9 粉丝