Search notes:

SVG - line

<?xml version="1.0" ?>
<svg
  xmlns   = "http://www.w3.org/2000/svg"
  version = "1.1"
  width   = "500"
  height  = "500"
>

  <line
     x1           =  "15"
     y1           =  "15"
     x2           = "485"
     y2           = "485"
     stroke       = "#f73"
     stroke-width = "5"
  />

</svg>
Github repository about-svg, path: /elements/line.svg

See also

Dynamically create an svg line with JavaScript.
SVG elements such a <marker> which allows to define an arrowhead for a line.

Index