SVG HTML

Horizontal and Vertical Closed Chain Path

This SVG example demonstrates how to create a horizontal and vertical closed chain path.

HorizontalVerticalClosedChainPath.svg

<svg width="400" height="550" xmlns="http://www.w3.org/2000/svg">
  <path d="M175,25
    H225 V175
    H375 V225
    H225 V525
    H175 V225
    H25 V175
    H175 Z" fill="none" stroke="brown" stroke-width="5"/>
</svg>
 

Output

 
 

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