我可以禁用Safari的平滑图像缩放吗？

Question

我想在浏览器中扩展一些像素艺术图像。因为它们是像素艺术，如果图像平滑发生，它看起来很可怕。

在Firefox中我可以通过“图像渲染：-moz-crisp-edges”禁用平滑。

在IE中有“-ms-interpolation-mode：nearest-neighbor”...这是默认的缩放模式，主要是。

但我无法找到一种方法来关闭Safari中的缩放图像平滑效果。有没有人找到办法做到这一点？

Answer 1

在Safari / WebKit中看起来没有任何等效内容。

见底部： https://developer.mozilla.org/en/CSS/image-rendering

Answer 2

我意识到这是一个古老的问题，但我有同样的疑问，并在寻找答案时遇到了同样的疑问，我将为同一位置的任何人发布解决方案。

Safari中的技巧似乎是绘制到上下文中包含此标志的画布：ctx.webkitImageSmoothingEnabled = false;

有关此标记的所有变体，请参阅：https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/imageSmoothingEnabled