SVG:polyline

From MDC

« SVG Reference home    [ Examples | Attributes | Properties | Methods | Related ]

The polyline element is an SVG basic shape, used to create a series of straight lines connecting several points.

Typically a polyline is used to create open shapes, although they can be closed, and a fill can be drawn if wanted. Points should be separated by an acceptable white-space character (see the SVG specification).

[edit] Example

<?xml version="1.0" standalone="no"?>
<svg width="120" height="120" version="1.1"
     xmlns="http://www.w3.org/2000/svg">
  <polyline points="0,60 20,20 40, 100, 60,40, 80,100, 100,40 120,100"
     fill="red" stroke="black"/>
</svg>

[edit] Attributes

SVG Presentation : Fill-Stroke Attributes fill, fill-opacity, fill-rule, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width,

SVG Presentation : Graphics Attributes clip-path, clip-rule, cursor, display, filter, image-rendering, mask, opacity, pointer-events, shape-rendering, text-rendering, visibility

SVG Element Event Attributes onactivate, onclick, onfocusin, onfocusout, onload, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, stroke-width,

SVG Language Space Attributes xml:space

SVG Standard Attributes xml:base

points class externalResourcesRequired style transform

[edit] Properties

[edit] Methods

[edit] Related

Elements

line polygon

Interfaces

External Examples

W3Schools example