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

how to replace getImageData & putImageData for better performance?

本文关键字：更好 性能 putImageData 何替换 替换 getImageData      更新时间：2023-09-26

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

drawImage(canvas) 比使用 putImageData 快得多

我不知道有什么更快的方法来getImageData。

相关文章：