SVG Line

SVG Line –

SVG Line – <line>

 

<!DOCTYPE html>
<html>
<body>

<svg height=”210″ width=”500″>
<line x1=”0″ y1=”0″ x2=”200″ y2=”200″ style=”stroke:rgb(255,0,0);stroke-width:2″ />
Sorry, your browser does not support inline SVG.
</svg>

</body>
</html>

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