エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
[70-2] SVGフィルターを使ってみた
前回 HTMLに直接 SVGを埋め込む方法をやりました。 SVGには「ぼかし」とか「色変換」などのたくさんの種... 前回 HTMLに直接 SVGを埋め込む方法をやりました。 SVGには「ぼかし」とか「色変換」などのたくさんの種類のフィルタエフェクトが用意されています。 せっかくSVGを使うなら「SVGフィルター」も使えると便利だろうな〜 と思い、私のようなノンプログラマーでも簡単に使えそうなフィルターを探してサンプルを作ってみました。 SVG画像そのものは Illustratorなどのベクター描画ソフトに書き出して、HTMLに貼り付けたあとで<filter>要素を使ってSVG画像にフィルターをかけます。 今回のサンプルはこちら。(クリックでサンプルページが別ウィンドウで開きます) 今回使用する要素 <filter>要素だけじゃなく、参照したい定義をまとめる要素 <defs>要素も使っています。 そのほか、ぼかしのためには <feGaussianBlur>、色変換なら <feColorMatrix>といっ