canvas性能优化总结

Posted

tags:

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

  1. 将渲染阶段的开销转嫁到计算阶段之上。
  2. 使用多个分层的 Canvas 绘制复杂场景。
  3. 不要频繁设置绘图上下文的 font 属性。
  4. 不在动画中使用 putImageData 方法。
  5. 通过计算和判断,避免无谓的绘制操作。
  6. 将固定的内容预先绘制在离屏 Canvas 上以提高性能。
  7. 使用 Worker 和拆分任务的方法避免复杂算法阻塞动画运行。

以上是关于canvas性能优化总结的主要内容,如果未能解决你的问题,请参考以下文章

WPF性能优化经验总结

canvas简介以及常用性能优化

html5 canvas大sprite sheet图片动画性能优化

iOS性能优化总结

性能优化方法论系列六总结

前端性能优化总结