相关疑难解决方法(0)

我需要在画布上绘制超过10,000张图像(32x32像素),但超过2000画的表现非常糟糕.

这是一个小例子:

对象结构 {position:0}

for(var nObject = 0; nObject < objects.length; nObject++){
    ctx.save();
    ctx.translate(coords.x,coords.y);
    ctx.rotate(objects[nObject].position/100);
    ctx.translate(radio,0);
    ctx.drawImage(img,0,0);
    ctx.restore();
    objects[nObject].position++;
}

使用这段代码我可以对坐标周围的图像进行扫描.

您建议什么来提高性能？

更新:

我尝试分层,但表现恶化

http://jsfiddle.net/72nCX/3/