小编J26*_*261的帖子

我需要在画布上绘制超过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/

我正在使用NodeJs并需要调用无限功能,但我不知道什么是最佳性能.

递归函数

function test(){
//my code
test();
}

的setInterval

setInterval(function(){
//my code
},60);

的setTimeout

function test(){
//my code
setTimeout(test,60);
}

我想要最好的性能而不会崩溃服务器.我的代码有几个算术运算.

感谢任何优化javascript性能的建议.

我试图找到图像中红点的坐标，我有鼠标坐标、初始点和收音机，但我不知道如何找到红点的坐标。

我正在使用 JavaScript 和画布。