📜  SVG<clipPath>元素

📅  最后修改于: 2021-11-10 04:26:26             🧑  作者: Mango

SVG 元素用于定义由 clip-path 属性使用的剪切路径。它的工作原理与 CSS 中的 clip-path 相同。

clipPath 用于对区域进行一些限制,以便在该区域之外绘制的任何内容都将不可见也不会被绘制。

句法:


属性:

  • clipPathUnits:该属性定义了 <clipPath> 的坐标系。元素的内容。

下面给出的是上面给出的函数的几个例子。

示例 1:



    
        
        
        GeeksforGeeks
    
    
    
        
            
                

                    GeeksforGeeks                 

                

                    SVG | element                 

            
                                                                                                                              
    

输出:

示例 2:

 
 
     
         
         
        GeeksforGeeks 
    
    
     
        
            
                

                    GeeksforGeeks                 

                  

                     Tag SVG                 

              
                                                                                                                            
     

输出:

支持的浏览器:此 SVG 元素支持以下浏览器:

  • 铬合金
  • 边缘
  • 火狐
  • IE浏览器
  • 苹果浏览器
  • 歌剧