Microsoft Edge 上的像素化图像渲染？
Pixelated image rendering on Microsoft Edge?
Microsoft Edge 不支持 'image-rendering' CSS 属性，所以我无法使用 'image-rendering: pixelated'，这对我的网站来说真的很痛苦'我正在制作。
那么有没有什么方法可以使用 JavaScript 在 Edge 中将图像渲染为像素化？
您可以将图像渲染为更高分辨率的 canvas，然后将 img.src 替换为数据 URL。您可能需要使用最近邻算法来渲染它 "pixel by pixel"。关闭 imageSmoothingEnabled 可以避免这种情况。
请注意，对于外部图像，您将无法将 canvas 导出为数据 URL。不过，您可以只使用 canvas 本身。
Microsoft Edge 不支持 'image-rendering' CSS 属性，所以我无法使用 'image-rendering: pixelated'，这对我的网站来说真的很痛苦'我正在制作。
那么有没有什么方法可以使用 JavaScript 在 Edge 中将图像渲染为像素化？
您可以将图像渲染为更高分辨率的 canvas，然后将 img.src 替换为数据 URL。您可能需要使用最近邻算法来渲染它 "pixel by pixel"。关闭 imageSmoothingEnabled 可以避免这种情况。
请注意，对于外部图像，您将无法将 canvas 导出为数据 URL。不过，您可以只使用 canvas 本身。