<svg width="200px"
	height="300px"
	viewBox="0 0 200 300"
	xmlns="http://www.w3.org/2000/svg"
	xmlns:xlink="http://www.w3.org/1999/xlink"
	version="1.1"
>
	<!-- horizontal line -->
	<line x1="40" y1="20" x2="80" y2="20"
		style="stroke:rgb(255,0,0);stroke-width:3"/>
	<!-- vertical line -->
	<line x1="0.7cm" y1="1cm" x2="0.7cm" y2="2.0cm"
		style="stroke:rgb(255,0,0);stroke-width:3;stroke-opacity: 0.2"/>
	<!-- diagonal line -->
	<line x1="30" y1="30" x2="85" y2="85"
		style="stroke:rgb(255,0,0);stroke-width:3"/>

	<!-- nine-pixel dash, five-pixel gap -->
	<line x1="10" y1="110" x2="100" y2="110"
		style="stroke-dasharray: 9, 5;
			stroke: black;
			stroke-width: 2;"/>

	<!-- five-pixel dash, three-pixel gap, nine-pixel dash, two-pixel gap -->
	<line x1="10" y1="120" x2="100" y2="120"
		style="stroke-dasharray: 5, 3, 9, 2;
			stroke: black;
			stroke-width: 2;"/>

	<!-- Odd number of entries is duplicated; this is equivalent to:
	nine-pixel dash, three-pixel gap,  five-pixel dash,
	nine-pixel gap,  three-pixel dash, five-pixel gap -->
	<line x1="10" y1="130" x2="100" y2="130"
		style="stroke-dasharray: 9, 3, 5;
			stroke: black;
			stroke-width: 2;"/>

	<!-- stroke-linecap -->
	<line x1="10" y1="150" x2="50" y2="150"
		style="stroke: black;  stroke-width: 15;
		stroke-linecap: butt;"/>

	<line x1="10" y1="170" x2="50" y2="170"
		style="stroke: black;  stroke-width: 15;
		stroke-linecap: round;"/>

	<line x1="10" y1="190" x2="50" y2="190"
		style="stroke: black;  stroke-width: 15;
		stroke-linecap: square;"/>

</svg>