gpt4 book ai didi

javascript - 为什么我的像素操作脚本这么慢?

转载 作者:太空宇宙 更新时间:2023-11-04 14:41:32 25 4
gpt4 key购买 nike

我试图创建一些蓝色波浪,但如果我运行它,浏览器就会释放。只有当我将 Canvas 的大小减小到 80 和 60 时,它才有效。

<canvas id="canvas" width="800" height="600"></canvas>

脚本:

var canvas=document.getElementById('canvas'), ctx = canvas.getContext('2d');
var imageData = ctx.createImageData(canvas.width, canvas.height);

for(var i=0; i<imageData.width; i++) {
for(var j=0; j<imageData.height; j++) {
imageData.data[((imageData.width * j) + i) * 4] = 0;
imageData.data[((imageData.width * j) + i) * 4+1] = 0;
imageData.data[((imageData.width * j) + i) * 4+2] = 127*Math.sin(i/100)+128;
imageData.data[((imageData.width * j) + i) * 4+3] = 255;
ctx.putImageData(imageData, 0, 0);
}
}

我做错了什么?为什么这么慢?

最佳答案

主要的减速是因为您在每次迭代时都绘制图像。

移动这条线

ctx.putImageData(imageData, 0, 0);

在你的循环之外。

关于javascript - 为什么我的像素操作脚本这么慢?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15343934/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com