キャンバスなしで画像をピクセル化することは可能ですか？

要素が<img>の場合、CSSのみを使用してイメージをピクセル化したり、キャンバスを使用したりすることはできませんか？私はcrisp edgesのような機能を見てきましたが（それはスケーリングされた画像用です）、多くのキャンバスオプションがありましたが、私はより良い方法を望んでいます。キャンバスなしで画像をピクセル化することは可能ですか？

出典

2016-02-03 Cassidy Williams

これはリソースの要求のようではありません。 CSSテクニックを求めています。 – isherwood

質問は完全に有効です。 'image-rendering：pixelated;' https://developer.mozilla.org/en/docs/Web/CSS/image-rendering – Pogrindis

image-rendering: pixelated; CSSルールを使用して画像を拡大し、画像を拡大すると、ピクセル化された効果が得られます。see this article

出典

2016-02-03 16:50:56 Donald

イメージを自然な大きさに保ちたいなら、何をお勧めしますか？スケーリングし、 'イメージレンダリング'を適用し、それを元のサイズにクリッピングしますか？それとも簡単な方法がありますか？ –

イメージの一部が切り取られても（ピクセル化されていますが）動作します。また、実際にサイトに表示するのに必要なサイズよりも小さいサイズでソースイメージを保存し、 'image-rendering：pixelate;'を適用して、希望のサイズに拡大縮小することもできます。 – Donald

ええ、それは問題です、私は表示されている画像を制御することはできませんので、私はちょうどそれを小さなサイズで保存することはできません。 –

キャンバスなしで画像をピクセル化することは可能ですか？

答えて

関連する問題