我需要一个具有最近邻调整大小的图像渲染,而不是当前使用的双三次方式。我目前使用以下内容:
ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges;
这可以在IE和Firefox中使用,但不适用于Chrome和Safari。是否有任何webkit替代方案或任何其他方式来实现这一效果?
解决方法
编辑:现在可以使用图像渲染:-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/
> Image scaling by CSS: is there a webkit alternative for -moz-crisp-edges?
我没想到有办法。
而一些Google搜索器却很快就证实了这一点。 webkit image interpolation的顶级Google结果是:
http://code.google.com/p/chromium/issues/detail?id=1502
2008年9月报道,仍未解决。
还有:https://bugs.webkit.org/show_bug.cgi?id=40881
如果我需要这个,我可能会编写一个PHP脚本来使用最近邻居来动态地放大图像。
这将在每个浏览器中工作,但是您有所有额外的处理和传输开销。