EKsumic's Blog

let today = new Beginning();

Click the left button to use the catalog.

OR

[SVG] How to draw a straight line?

Previous: [SVG] How to draw polygons?

Code:

<svg>
  <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>

Result:

 

 

  • 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
  • The stroke attribute defines the color of the line
  • The stroke-width attribute defines the thickness of the line

Next: [SVG] How to write text?

This article was last edited at 2020-12-09 12:45:59

* *