# 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