Prev Demo
Stroke Line Cap
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Demo</title> </head> <body> <h3 style="color:blue"><i>SVG stroke line cap</i></h3> <svg width="450" height="200" style="border:2px solid red"> <path stroke-linecap="round" stroke-width="10" stroke="red" d="M 50 50 L 400 50" /> <path stroke-linecap="butt" stroke-width="20"stroke="blue" d="M 20 70 L 300 70" /> <path stroke-linecap="square" stroke-width="20" stroke="green" d="M 60 100 L 200 100" /> </svg> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
