javascript - Microsoft Edge 上的像素化​​图像渲染？

Question

Microsoft Edge 不支持“图像渲染”CSS 属性，所以我不能使用“图像渲染：像素化”，这对我正在制作的网站来说是一个真正的痛苦。

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

Answer 1

您可以将图像以更高分辨率呈现canvas，然后将其替换img.src为数据 URL。您可能需要使用最近邻算法“逐像素”渲染它。关闭后，imageSmoothingEnabled可以避免这种情况。

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