javascript - 旋转 HTML5 Canvas 速度慢?

标签 javascript html canvas rotation

我正在尝试在 Canvas 上使用旋转,我现在有了它,因此每个对象都有自己的旋转。如果没有它们旋转,我可以在一台非常低端的计算机上在屏幕上显示大约 400 个对象,在一台正常库存的计算机上显示近 2000 个对象。当我将旋转因素考虑到大于 0 时,性能至少下降三分之一!

为什么仅仅改变旋转就会使其速度减慢这么多?这是 Canvas 上奇怪的小问题之一吗?

我有一个全局旋转变量,在绘制每个对象时我:

ctx.rotate(globRot);

最佳答案

对于单个对象缓存旋转。 Some of my findings .

<强> Realtime rotation demo

<强> Cached rotations demo (注意使用箭头向上移动找到僵尸)

关于javascript - 旋转 HTML5 Canvas 速度慢?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7722136/

相关文章:

javascript - 使用 paged.js 控制分页和分栏

javascript - 向网站添加缩略图

javascript - 将 div CSS 属性绑定(bind)到 Javascript 对象

javascript - HTML5 Canvas - 绘制一条越来越粗到最后的线的最简单方法是什么?

Python Tkinter 绑定(bind)子部件

javascript - Q promises 在 lodash reduce 函数中不起作用

javascript - CSS:为什么照片没有缩放?

javascript - 使用输入 javascript 更改某个值?

javascript - 如何使 html 处于非事件状态并显示正在加载的 gif

javascript - 4个 Angular 的html5 Canvas 渐变