如何替换getImageData& putImageData以获得更好的性能?

时间:2015-01-07 01:45:39

标签: javascript canvas getimagedata putimagedata

getImageData对性能非常不利。我没有png或jpg文件。所以我在程序加载时制作了一个图像。我正在使用iPhone视网膜显示器开发应用程序。我需要你的帮助:(

我需要在运行时制作一个Image,我可以在其中使用某种变量重复使用。

在视网膜显示屏上,使用缓存画布会使图像太像素化或太大。除非你知道如何解决?

var x = Math.max(document.documentElement.clientWidth, window.innerWidth || 0); //width of screen
var y = Math.max(document.documentElement.clientHeight, window.innerHeight || 0); // height of screen

if (x === 414 && y === 736) {
    imgData = ctx.getImageData(0,0,3*x,3*365*Yf);
} else {
    imgData = ctx.getImageData(0,0,2*x,2*365*Yf);
}

ctx.clearRect(0, 0, x, 365 * Yf); // size of Image, retina display quality
ctx.putImageData(imgData, 0, 0);

1 个答案:

答案 0 :(得分:0)

使用Count比使用drawImage(canvas)

快得多

我不知道putImageData的任何更快的方法。