在svg地毯上涂抹地毯

Question

我有一个svg地毯需要在地毯上应用地毯条纹。

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
  
  

  <!-- Points -->
  <circle cx="50" cy="50" r="20" fill="red"/>

</svg>

将这个圆圈视为地毯，我想将地毯应用为边框。我们如何动态扩展路径。

Answer 1

你的问题不是很清楚。你的意思是你想在圆圈的边缘添加类似条纹的效果吗？

像这样？

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
  
  <!-- Points -->
  <circle cx="50" cy="50" r="20" fill="red"
          stroke="black" stroke-width="6" stroke-dasharray="1 2"/>

</svg>