Javascript Microsoft Edge上的像素化图像渲染？

Microsoft Edge不支持“图像渲染”CSS属性，因此我不能使用“图像渲染：像素化”，这对我正在创建的网站来说是一个真正的难题

---

那么，有没有办法使用JavaScript将图像渲染为边缘像素化的图像？

您可以以更高的分辨率将图像渲染到

画布上，然后用数据URL替换
img.src
。您可能需要使用基本上最近邻算法“逐像素”渲染它。关闭后，可以避免此情况

请注意，对于外部图像，不允许将画布导出为数据URL。不过，您可以直接使用画布本身。
这个确切的问题以前从未被问过，这就是我问这个问题的原因。我是专门问Edge的。现在，想知道如何在Edge上进行像素化图像渲染的人会有一个答案，所以这样做很有用。因此，我认为这不值得投反对票。同样值得注意的是，您（以及任何其他关注此问题的人）可以在Microsoft Edge中投票支持此功能：