Chrome/Safari中的图像插值模式？

Question

我需要使用最近邻居调整大小的图像渲染,而不是当前使用的双三次方式.我目前使用以下内容:

ms-interpolation-mode: nearest-neighbor;
image-rendering: -moz-crisp-edges;

这适用于IE和Firefox,但不适用于Chrome和Safari.是否有任何webkit替代方案或任何其他方式来实现此效果？

Answer 1

编辑:现在可以了image-rendering: -webkit-optimize-contrast;.

https://developer.mozilla.org/en-US/docs/CSS/image-rendering#Examples

这在当前版本的Chrome中无效,以下是一些有用的链接:

• http://vaughnroyko.com/state-of-nearest-neighbor-interpolation-in-canvas/
• 通过CSS进行图像缩放:是否有针对-moz-crisp-edges的webkit替代方案？

我认为没有办法.

一些快速谷歌搜索,但确认了它; webkit图像插值的最高Google结果是:

http://code.google.com/p/chromium/issues/detail?id=1502

2008年9月报道,仍未解决.

另外:https://bugs.webkit.org/show_bug.cgi？id = 40881

如果我需要这个,我可能会写一个PHP脚本来使用最近邻居动态缩放图像.

这将适用于每个浏览器,但随后您将获得所有额外的处理和传输开销.

Answer 2

我刚试过这个:

img {image-rendering: pixelated;}

它在Chrome 39.0.2145.4 dev-m上运行良好