Latest web development tutorials

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 - 照明用フィルター

発言 また、各SVG要素に複数のフィルタを使用することができます!