points

« SVG Attribute reference home

The points attribute define a list of points required to draw a  <polyline> or <polygon> element.

Each point is define by a X and a Y coordinate in the user coordinate system. It's a common practice (but not required) to use a comma to mark out the X and Y coordinate of each point and to use space to mark out each point.

Usage context

Categories None
Value <list-of-points>
Animatable Yes
Normative document SVG 1.1 (2nd Edition): The polyline element
SVG 1.1 (2nd Edition): The polygon element

Example

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <polygon points="100,10 250,150 200,110"
           style="fill:lime;stroke:purple;stroke-width:1" />
</svg>

Elements

The following elements can use the points attribute

Document Tags and Contributors

 Contributors to this page: Jeremie, rshetty
 Last updated by: Jeremie,