web-dev-qa-db-ja.com

Chrome / Safariの画像補間モード？

現在使用されているバイキュービック方式ではなく、最近傍のサイズ変更で画像をレンダリングする必要があります。私は現在、以下を使用しています。

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

これはIEとFirefoxでは機能しますが、ChromeとSafariでは機能しません。この効果を実現するためのWebkitの代替手段やその他の方法はありますか？

cssimageinterpolationnearest-neighbor
19
Deniz Zoeteman

編集：image-rendering: -webkit-optimize-contrast;で可能になりました。

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

これはChromeの現在のバージョンでは機能しません。ここにいくつかの便利なリンクがあります：

方法があるとは思いませんでした。

そして、いくつかの簡単なグーグルはそれを確認します。 webkit画像補間 の上位のGoogle結果は次のとおりです。

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

2008年9月に報告されましたが、まだ解決されていません。

また： https://bugs.webkit.org/show_bug.cgi?id=40881

これが必要な場合は、おそらくPHPスクリプトを記述して、最近傍を使用して画像を動的に拡大します。

これはすべてのブラウザで機能しますが、余分な処理と転送のオーバーヘッドがすべて発生します。

15
thirtydot

私はこれを試しました：

img {image-rendering: pixelated;}

そしてそれはChrome 39.0.2145.4dev-mでうまく機能します

6
Omiod