-2

I have a svg carpet need to apply rug fringes on carpet. 

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

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

</svg>

consider this circle as a carpet and i want to apply rug as like border. how we can scale path dynamically.

Suhel Rana
  • 1
  • 1
  • 6

1 Answers1

0

Your question is not very clear. Do you mean you want to add a fringe-like effect to the edge of the circle?

Like this?

<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>
Paul LeBeau
  • 97,474
  • 9
  • 154
  • 181