SVG - Polygon (Star, )

Card Puncher Data Processing

About

How to use the en-US/docs/Web/SVG/Element/polygon element.

Example

<svg width="200" height="80" version="1.1" xmlns="http://www.w3.org/2000/svg">

  <polygon 
      points="50 10 55 30 70 30 60 40 65 55 50 45 35 55 40 40 30 30 45 30"
      stroke="Blue" 
      fill="LightBlue" 
      stroke-width="2"/>

</svg>

where:

  • points are a list of X Y coordinates.





Discover More
Card Puncher Data Processing
SVG - Marker (arrowheads or polymarkers)

The element defines the graphics that is to be used for drawing: arrowheads or polymarkers on a given path, line, polyline or polygon element. Element/marker...
Card Puncher Data Processing
SVG - Shape and Path

The representation of geometric object (shape) in svg. They are in the grammar. You need to use the path element to create them



Share this page:
Follow us:
Task Runner