📜  SVG<mask>元素

📅  最后修改于: 2021-11-08 02:23:30             🧑  作者: Mango

元素定义输入对象的透明度和可见性。它将掩码应用于输入对象。它在屏幕上显示元素或图像的选定部分,同时隐藏其余部分。 SVG 代表可缩放矢量图形。它可以用来制作图形和动画,就像在 HTML 画布中一样。

句法 :

 Contents... 

属性:

  • x, y —定义用户坐标系中的 x 和 y 轴坐标。
  • 宽度——foreignObject 的宽度。
  • height — 外来物体的高度。
  • maskUnits — 它有两个值 userSpaceOnUse/objectBoundingBox。默认值为 objectBoundingBox。 x、y、宽度和高度的坐标由 maskUnits 定义。
  • maskContentUnits — 它有两个值 userSpaceOnUse/objectBoundingBox。默认值为 objectBoundingBox。掩码的子内容坐标由 maskUnits 定义。

示例 1:

HTML


  

    
        
            
  
                
  
                
            
        
  
        
            GeeksForGeeks
        
  
        
    

  


HTML


  

    
        
            
  
                
            
  
            
  
                
            
        
  
        
            GeeksForGeeks
        
  
        
    

  


输出 :

注意:文本仅在蒙版透明的地方可见。

示例 2:

HTML



  

    
        
            
  
                
            
  
            
  
                
            
        
  
        
            GeeksForGeeks
        
  
        
    

  

输出: