Microsoft Edge上的像素化​​图像呈现？

Question

Microsoft Edge不支持＆＃39;图像呈现＆＃39; CSS属性，所以我不能使用图像渲染：pixelated＆＃39;，这对我正在制作的网站来说真的很痛苦。

那么有没有办法使用JavaScript在Edge中将图像渲染为像素化？

Answer 1

您可以以更高的分辨率将图片渲染为canvas，然后将img.src替换为数据网址。您可能需要逐像素地渲染它＃34;基本上是最近邻算法。关闭imageSmoothingEnabled后，可以避免这种情况。

请注意，对于外部图像，您将无法将画布作为数据URL导出。不过，您可以使用画布本身。