📜  SVG<feImage>元素

📅  最后修改于: 2021-11-08 06:37:43             🧑  作者: Mango

SVG 代表可缩放矢量图形。它可以用来制作图形和动画,就像在 HTML 画布中一样。 SVG 过滤器基元从外部源获取图像数据并提供像素数据作为输出。

句法:


属性:

  • x:定义用户坐标系中的x轴坐标。
  • y:定义用户坐标系中的y轴坐标。
  • 宽度: foreignObject 的宽度。
  • height: foreignObject 的高度。
  • externalResourcesRequired:表示当前文档中是否需要外部资源。默认值为假。
  • ReserveAspectRatio:它指示具有提供给定纵横比的 viewBox 的元素必须如何适应具有不同纵横比的视口。
  • xlink:href:它将对资源的引用定义为引用 IRI。
  • crossorigin:它告诉浏览器对具有跨域权限的图像文件的请求。

示例 1:

HTML


  

    
        
            
                
            
        
  
        
            
  
            
        
    

  


HTML


  

    
        
  
        
              
            
  
            
        
  
        
            
  
            
        
    

  


HTML


  

    
  
        
          
            
  
            
        
  
        
            
  
            
        
    

  


输出:

示例 2:

HTML



  

    
        
  
        
              
            
  
            
        
  
        
            
  
            
        
    

  

输出:

示例 3:

HTML



  

    
  
        
          
            
  
            
        
  
        
            
  
            
        
    

  

输出: