注:私はJavaScriptを使用できません。これは、CSS Zen Gardenの挑戦のためのものです。 JSライブラリを提案しないでください。SVGフィルタで画像をピクセル化できますか?
私は上の前進をしていないよ2つのアイデアがあります:
だけ一顧の画像をピクセル化するSVGフィルタを使用します。私は
<feMorphology operator="erode"/>
で遊んでいて、後にコントラストを打ちましたが、それは悪く見えます。画像をフィルタリングし、CSSと
image-rendering
を使用して拡大縮小してください。難しい部分はステップAです。入力を拡大/縮小するフィルタ操作が見つかりません。
私に何か不足していますか? SVGフィルタを使用して「ピクセル化」エフェクトを取得するにはどうすればよいですか?
フム。 WebKitsではうまく動作しますが、Firefoxでは単なるぼかしです。 – Tigt
これは、displacementMapがクロスドメインイメージを使用しているからです。ソースと同じドメインでdisplacementMapイメージをホストすると、うまく動作するはずです。 (Firefoxはフィルタセキュリティ仕様を実装しています - Webkitはありません) –
ああ、それは素晴らしいです。それを他の人のための答えに入れることができれば、私はうれしく受け入れます! – Tigt