css – Chrome/Safari中的图像插值模式?

前端之家收集整理的这篇文章主要介绍了css – Chrome/Safari中的图像插值模式?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要一个具有最近邻调整大小的图像渲染,而不是当前使用的双三次方式。我目前使用以下内容
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脚本来使用最近邻居来动态地放大图像。

这将在每个浏览器中工作,但是您有所有额外的处理和传输开销。

猜你在找的CSS相关文章