在 svg 地毯上应用地毯边缘

【问题标题】：apply rug frings on svg carpet在 svg 地毯上应用地毯边缘
【发布时间】：2018-06-13 21:25:42
【问题描述】：

我有一张 svg 地毯，需要在地毯上贴上地毯边缘。

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

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

</svg>

将此圆圈视为地毯，我想将地毯用作边框。我们如何动态缩放路径。

【问题讨论】：

标签： svg path svg-animate

【解决方案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>

【讨论】：

应该是图片，我们有不同种类的地毯，