javascript - 在 HTML5 canvas 上绘图的最佳实践、技巧和陷阱是什么

标签 javascript html performance canvas html5-canvas

<分区>

我试图在 HTML5 Canvas 上绘制大图像 (5000*5000 像素)。 这样做的最佳做法是什么?

  • 为此我应该使用一个 Canvas 还是多个 Canvas (平铺方式)?
  • 我应该使用什么 drawImage() 或 putImageData()?
  • 在这种情况下性能和内存使用情况如何?

你们能推荐这方面的最佳读物并分享您的个人经验吗?

最佳答案

这是我目前所知道的:

Double buffering images -> 非常适合您的速度。

Anti-aliased images -> 即使调整大小,图像质量也很棒

A good tip -> 如果您计划使用 putImageData()

我作为 HTML5 游戏开发者的经验是,这两种做法真的很棒,我都使用它们。

When displaying lots of complex objects (我不知道它是否相关,但可能会派上用场,学习如何正确执行此操作真的很棒)

还有; this

关于javascript - 在 HTML5 canvas 上绘图的最佳实践、技巧和陷阱是什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20546537/

相关文章:

javascript - Node.js 范围错误

javascript - 覆盖 Bootstrap 有错误类

c# - for 循环参数是否执行每次迭代?

python - 将从第一个表获取的行值与第二个表的列名匹配,无需循环

javascript - 从 dom 中删除指令后使用 $scope.$destroy()

javascript - jQuery UI Slider 在按下时奇怪地跳跃

html - 定位父div的div中心

performance - 为什么我的 Matlab for 循环代码比我的矢量化版本更快

javascript - 将时间分成更小的部分

javascript - 无法在jquery中切换图标