SVGフィルター


SVGフィルター

SVGフィルターは、SVGグラフィックに特殊効果を追加するために使用されます。


ブラウザのサポート

表の数字は、SVGフィルターをサポートする最初のブラウザーバージョンを示しています。

 
SVG Filters 8.0 10.0 3.0 6.0 9.6

SVGフィルター要素

次の章では、可能なフィルター効果のほんの一部を示し、SVGで何ができるかを説明します。

SVGで使用可能なフィルター要素は次のとおりです。

  • <feBlend>-画像を結合するためのフィルター
  • <feColorMatrix>-色変換用のフィルター
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <feMorphology>
  • <feOffset>-ドロップシャドウのフィルター
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulence>
  • <feDistantLight>-照明用フィルター
  • <fePointLight>-照明用のフィルター
  • <feSpotLight>-照明用フィルター

ヒント:各SVG要素で複数のフィルターを使用できます!