Microsoft Edge不支持'image-rendering'CSS属性，因此我不能使用'image-rendering：pixelated'，这对于我正在制作的网站来说确实是很痛苦的。
那么，有没有办法使用JavaScript渲染Edge中像素化的图像？
您可以将图片渲染canvas为更高的分辨率，然后将其替换img.src为数据URL。您可能需要使用本质上最近的邻居算法“逐像素”渲染它。如果imageSmoothingEnabled关闭，则可以避免这种情况。
请注意，对于外部图像，将不允许您将画布导出为数据URL。不过，您只能使用画布本身。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句