WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

SVG <line>


SVG Line - <line>

The <line> element is used to create a line:

Here is the SVG code:

Example

<svg height="220" width="510">
  <line x1="0" y1="0" x2="210" y2="210" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>
Try it yourself »

Code explanation:

  • The x1 attribute defines the start of the line on the x-axis
  • The y1 attribute defines the start of the line on the y-axis
  • The x2 attribute defines the end of the line on the x-axis
  • The y2 attribute defines the end of the line on the y-axis