📜  SVG滤镜元素

📅  最后修改于: 2022-05-13 01:56:43.091000             🧑  作者: Mango

SVG滤镜元素

SVG 元素用于定义过滤器。要唯一标识过滤器,请使用 id。过滤器在 def 元素中定义。

句法:




SVG 提供了一些过滤器。

以下是常用过滤器的列表。

  • 混合
  • feColorMatrix
  • feComponentTransfer
  • fe复合材料
  • fe卷积矩阵
  • fe漫反射照明
  • fe置换贴图
  • 洪水
  • feGaussianBlur
  • feImage
  • 合并
  • fe形态学
  • feOffset – 阴影过滤器
  • feSpecularLighting
  • 肥沃的
  • fe湍流
  • 远光
  • fePointLight
  • feSpotLight

属性:

  • filterUnits:定义过滤器影响区域的单位。它为过滤器内的各种长度值和定义过滤器子区域的属性指定坐标系。
  • PrimitiveUnits:定义过滤器影响区域的单位。它为过滤器内的不同长度值和定义过滤器子区域的属性指定坐标系。
  • x:过滤器边界框的 x 轴。
  • y:过滤器边界框的 y 轴。
  • width:边界框的宽度。
  • 高度:边界框的高度。
  • filterRes:过滤区域的编号。
  • xlink:href:引用另一个过滤器。

例子:


    SVG Filter
    
        
            
                
                    
                    
                    
                
            
  
            
                
            
        
    

输出:

示例:不同的形状和自定义阴影。


    SVG Filter
    
        
            
                
                    
                    
                
            
  
            
                
            
        
    

输出: