javascript - 如何替换 getImageData 和 putImageData 以获得更好的性能？

Question

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

我需要在运行时制作一个图像，我可以在其中重新使用某种变量。

在视网膜显示器上，使用缓存画布会使图像像素化过大或过大。除非你知道如何解决？

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);

Answer 1

使用drawImage(canvas)比使用快得多putImageData

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