博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

canvas性能优化总结

Posted on 2016-09-25 20:53  不吃肉的少年  阅读(398)  评论(0)    收藏  举报
  1. 将渲染阶段的开销转嫁到计算阶段之上。
  2. 使用多个分层的 Canvas 绘制复杂场景。
  3. 不要频繁设置绘图上下文的 font 属性。
  4. 不在动画中使用 putImageData 方法。
  5. 通过计算和判断,避免无谓的绘制操作。
  6. 将固定的内容预先绘制在离屏 Canvas 上以提高性能。
  7. 使用 Worker 和拆分任务的方法避免复杂算法阻塞动画运行。