旋转HTML5画布慢?

时间:2011-10-11 06:27:27

标签: javascript html5 canvas rotation

我正在尝试在画布上使用旋转,我现在拥有它,因此每个对象都有自己的旋转。如果没有它们旋转,我可以在非常低端的计算机屏幕上获得大约400个对象,在正常存放的PC上可以获得近2000个对象。当我将旋转因数大于0时,性能下降至少三分之一!

为什么只是改变旋转速度这么慢?这是一幅画布奇怪的打嗝吗?

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

的开头
ctx.rotate(globRot);

2 个答案:

答案 0 :(得分:2)

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

<强> Realtime rotation demo

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

答案 1 :(得分:1)

猜测可能会花费大量时间来实际创建和乘以the matrix for the transformation。如果您可以(找到一种方法)在转换未更改时缓存转换,那可能会有所帮助。也许