我目前正在制作一个程序，它将图像转换为“网站”。它只是获取像素并获取其颜色和位置，然后将其转换为div。
问题是，当div过多时，我的浏览器（Google Chrome）崩溃了。我还实现了质量，这基本上意味着程序会占用第n个像素并对其进行转换。质量为40时，我的程序会创建约600个div，Chrome甚至无法处理。
有替代div的方法吗？我已经尝试过画布，但是我无法真正设定他们的位置。如果您知道如何设置画布的位置，或者知道div的替代方法，我将非常感激。
您应该使用HTML5画布，这可能会更容易。您只需要所有坐标和颜色即可绘制所需数量的像素。
查看https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API，以获取有关Canvas的更多信息和文档
如果您不想使用像素画法，甚至可以将图像直接画在画布上，如下所示：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img=document.getElementById("scream");
ctx.drawImage(img,10,10);
希望能帮助到你
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句