SVG HTML

An Arc Chain Path

This SVG example demonstrates how to create an arc chain path.

ArcChainPath.svg

<svg width="340px" height="340px" xmlns="http://www.w3.org/2000/svg">
  <path d="M 100,50 A 50,50 0 1 0 50,100 
    A 50,50 0 0 1 50,200
    A 50,50 0 1 0 100,250
    A 50,50 0 0 1 200,250
    A 50,50 0 1 0 250,200
    A 50,50 0 0 1 250,100
    A 50,50 0 1 0 200,50
    A 50,50 0 0 1 100,50" 
    transform="translate(20,20)" fill="none" stroke="black" stroke-width=".5"/>
</svg>
 

Output

 
 

© 2007–2024 XoaX.net LLC. All rights reserved.