Line Segments

Tag description:

The <line/> tag represents a line segment joining points (x1, y1) to (x2, y2).


image of a circle
Your browser did not display the SVG image. It is showing a standard image as a fallback.

Source code:

Source of line.svg:Hide line numbers
1: <svg version="1.1" baseProfile="full"
2:      xmlns="" 
3:      width="300px" height="200px" viewBox="0 0 300 200">
5: <line x1="10" y1="10" x2="290" y2="190" stroke="purple" stroke-width="20px"/>
6: <line x1="10" y1="50" x2="230" y2="190" stroke="green" stroke-width="10px"/>
8: </svg>


This presentation is part of a SVG Tutorial for Mathematics Students.

© 2013 by W. Patrick Hooper. This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License. Creative Commons License Valid XHTML 1.0 Strict Valid CSS!