1

有名な画像をぼかすにはどうすればよいですか? に相当する CSS -webkit-filter: blur(5px);。

有名な/角度の組み合わせでそれを行う方法の例のボーナスポイント。

私は次のようなことを望んでいました：

<fa-modifier fa-blur="5">
    <fa-image-surface fa-image-url="coolimage.png" fa-size="[640,320]">
    </fa-image-surface>
</fa-modifier>

特定のアクションの後、ぼかしから「ぼかしなし」にアニメーション化できるようにしたいと考えています。

4

2 に答える 2

0

fa-canvas-surface を使用し、キャンバスに画像を描画してから、ぼかしアルゴリズムの 1 つを使用します。一部のブラウザーで CSS フィルターと z 変換のレイヤー化の問題を確認したため、キャンバス アプローチを採用するようになりました。この Quasimondo の StackBlur は、ぼかし CSS フィルターよりもはるかに優れています。

Quasimondo の StackBlur http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html

于 2014-10-23T07:33:30.263 に答える