Javascript HTML5画布图像和缩放性能

Javascript HTML5画布图像和缩放性能,javascript,html,performance,html5-canvas,Javascript,Html,Performance,Html5 Canvas,我听说目标宽度/高度与源宽度/高度存在差异的ctx.drawImage将导致额外的缩放操作,这不是性能友好的操作。但这个呢: ctx.scale(0.5, 0.5); for(var i in img) { ctx.drawImage(img[i], 0, 0); } (从性能角度)是否与以下方面存在差异: 我想这取决于web浏览器和实现(硬件加速/软件渲染器/图像大小)。最好的方法是使用jsperf.com这样的服务编写一个简单的性能测试,然后让朋友在不同的浏览器上运行它。不幸的是

我听说目标宽度/高度与源宽度/高度存在差异的
ctx.drawImage
将导致额外的缩放操作,这不是性能友好的操作。但这个呢:

ctx.scale(0.5, 0.5);

for(var i in img) {
    ctx.drawImage(img[i], 0, 0);
}
(从性能角度)是否与以下方面存在差异:


我想这取决于web浏览器和实现(硬件加速/软件渲染器/图像大小)。最好的方法是使用jsperf.com这样的服务编写一个简单的性能测试,然后让朋友在不同的浏览器上运行它。不幸的是,它目前处于关闭状态。我想这取决于web浏览器和实现(硬件加速/软件渲染器/图像大小)。最好的方法是使用jsperf.com这样的服务编写一个简单的性能测试,然后让朋友在不同的浏览器上运行它。不幸的是,它现在已经坏了。
for(var i in img) {
    ctx.drawImage(img[i], 0, 0, img[i].width, img[i].height, 0, 0, img[i].width * 0.5, img[i].height * 0.5);
}