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