canvas 实现编码思考

Posted 张仪ranck

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了canvas 实现编码思考相关的知识,希望对你有一定的参考价值。

基础入门

难点

  • 多图形管理

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

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

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

    • isPointInPath
    • isPointInStroke
    • 数学拾取

性能优化

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

以上是关于canvas 实现编码思考的主要内容,如果未能解决你的问题,请参考以下文章

高清 Canvas 原理与 fabric 实现

HTML链接标签<a>实现(canvas)下载

HTML链接标签<a>实现(canvas)下载

怎么得到图片的base64编码 - 技术问答

Canvas动画

canvas如何转存为图片?