使用svg描边作为剪辑路径

我想要一个空心圆作为剪辑路径，但是当我应用蒙版时，覆盖的区域就是整个圆。有什么方法可以获得这种效果？（如边框半径的边框：50％div）使用svg描边作为剪辑路径

<svg class="svg-defs"> 
    <defs> 
     <clipPath id="clipping"> 
      <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="none" /> 
     </clipPath> 
    </defs> 
</svg>

clip-path：url（#clipping）;

来源

2017-03-17 Armando Alberti

正如你已经发现，一个<clipPath>只使用图形的填充。

改为使用<mask>。

来源

2017-03-17 17:32:22

-1

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> 
 
    <circle cx="100" cy="50" r="40" stroke="black" stroke-width="10" fill="none" /> 
 
</svg>

来源

2017-03-17 11:11:41

我不能使用笔画作为剪辑路径.. –

使用svg描边作为剪辑路径

回答

相关问题