points

points

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

Each point is defined 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

© 2005–2017 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/points

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部