現在使用されている双三次の方法ではなく、最近隣のサイズ変更で画像をレンダリングする必要があります。現在、次のものを使用しています。
ms-interpolation-mode: nearest-neighbor;
image-rendering: -moz-crisp-edges;
これは IE と Firefox では機能しますが、Chrome と Safari では機能しません。この効果を達成するための Webkit の代替手段やその他の方法はありますか?
19602 次
3 に答える
15
編集:で可能になりました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 スクリプトを作成して、最近隣を使用して画像を動的に拡大します。
これはすべてのブラウザーで機能しますが、余分な処理と転送のオーバーヘッドがすべて発生します。
于 2011-03-23T10:47:46.610 に答える
6
私はちょうどこれを試しました：
img {image-rendering: pixelated;}
そして、Chrome 39.0.2145.4 dev-mでうまく機能します
于 2014-09-07T08:02:53.337 に答える