SVG Filters
SVG フィルタ
SVG フィルタは、SVG グラフィックスに特殊効果を加えるために使用します。
ブラウザ・サポート
表中の数字は、SVG フィルタをサポートした最初のブラウザのバージョンを指定しています。
|
|
|
|
|
|
SVG フィルタ |
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 要素に複数のフィルタを使用することができます!