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

我需要一個圖像呈現與最近鄰居調整大小，而不是當前使用的雙三次方式。我目前使用以下內容：Chrome/Safari中的圖像插值模式？

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

這適用於IE和Firefox，但不適用於Chrome和Safari。有沒有任何webkit的替代品或任何其他方式來實現這一效果？

來源

2011-03-23 Deniz Zoeteman

複製的偉大工程http://stackoverflow.com/questions/3900436/image-scaling by-css-is-there-a-webkit-alternative-for-moz-crisp-edges – Sprintstar 2012-07-04 09:44:42

編輯：現在可以使用 image-rendering: -webkit-optimize-contrast;。

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

這不會在Chrome的當前版本的工作，這裏有一些有用的鏈接：

我沒有」想想這是一種方式。

和一些快速谷歌搜索，但都證實了它;前谷歌結果爲webkit image interpolation是：

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

報道2008年9月，仍然沒有得到解決。

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

如果我需要這個，我可能會寫一個PHP腳本使用近鄰動態縮放圖像了。

這將在每個瀏覽器中都能正常工作，但是您將擁有所有額外的處理和傳輸開銷。

來源

2011-03-23 10:47:46 thirtydot

我在某處看到，它可能在HTML5中通過在圖像上放置畫布或沿着這個線條的東西？ – 2011-03-23 10:51:59

我對此一無所知。但即使這是真的，它肯定聽起來像很多工作條件（如果WebKit瀏覽器/ Opera）使用畫布來渲染圖像。您還引入了JavaScript依賴關係來將''與'

我會檢查我的虛擬主機是否有GD，如果有的話我會使用它。直到我得到確認，我纔不回答我自己的問題。 – 2011-03-23 11:03:41

我只是嘗試這樣做：

img {image-rendering: pixelated;}

它在Chrome 39.0.2145.4開發-M

來源

2014-09-07 08:02:53 Omiod

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

回答

相關問題