SVG:line

From MDC

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

The line element is an SVG basic shape, used to create a line connecting two points.

[edit] Example

<?xml version="1.0" standalone="no"?>
<svg width="120" height="120" version="1.1"
     xmlns="http://www.w3.org/2000/svg">
  <line x1="10" y1="10" x2="110" y2="110"
     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

x1 x2 y1 y2 class externalResourcesRequired style transform

[edit] Properties

[edit] Methods

[edit] Related

Elements

polyline polygon path

Interfaces

External Examples

W3Schools example