Question

我目前正在制作一个程序，将图像转换为＆＃34;网站＆＃34;。它只是取像素并获取颜色和位置，然后将其转换为div。

问题是，当有太多div时，我的浏览器（谷歌浏览器）崩溃了。我也实现了质量，这基本上意味着程序采用每个第n个像素并转换它。质量为40，我的程序创建了大约600个div，Chrome甚至无法处理。

div有替代品吗？我已经尝试过画布，但我无法确定自己的位置。如果你知道如何设置画布的位置，或者知道div的一个很好的替代品，我会非常感激。

Answer 1

您应该使用HTML5 Canvas，可能会更容易。您只需要所有坐标和颜色来绘制所需的像素数量。

如果您不想要像素颜料，即使您可以直接将图像绘制到画布中，就像这样：

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img=document.getElementById("scream");
ctx.drawImage(img,10,10);

希望有所帮助