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

时间:2010-04-12 19:01:27

标签: javascript css safari

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

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

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

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

2 个答案:

答案 0 :(得分:4)

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

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

答案 1 :(得分:0)

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

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

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