SVGフィルター

SVGフィルター

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

ブラウザのサポート

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

SVGフィルターエレメント

次の章では、我々は唯一の可能なフィルタ効果のタッチを実証する - とあなたのSVGで何ができるかのアイデアを与えます。

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

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