examples/readme/connect_points_stroke_width.svg

<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="200px" height="50px" viewBox="0 0 200 50" version="1.1"><defs id="marker"><marker id="marker_arrow_start" markerWidth="8" markerHeight="8" refX="8" refY="4" orient="auto" style="overflow: visible; " markerUnits="strokeWidth"><path d="M 8,0 8,8 0,4 8,0" id="path_arrow_start" style="fill: #861a22; "/></marker><marker id="marker_arrow_end" markerWidth="8" markerHeight="8" refX="0" refY="4" orient="auto" style="overflow: visible; " markerUnits="strokeWidth"><path style="fill: #861a22; " d="M 0,0 0,8 8,4 0,0" id="path_arrow_end"/></marker><marker id="marker_circle" markerWidth="8" markerHeight="4" refX="5" refY="5" orient="auto" style="overflow: visible; " markerUnits="strokeWidth"><circle r="3" id="circle" cx="5" cy="5" style="fill: #861a22; "/></marker></defs><path d="M 10,10 L 40,40" id="connector_1" style="stroke: #861a22; stroke-width: 0.5px; marker-start: url(#marker_circle); marker-end: url(#marker_arrow_end); "/><path d="M 60,40 L 90,10" id="connector_2" style="stroke: #861a22; stroke-width: 2px; marker-start: url(#marker_arrow_start); marker-end: url(#marker_arrow_end); "/><path d="M 125,40 L 125,10" id="connector_3" style="stroke: #861a22; stroke-width: 1.5px; marker-start: url(#marker_arrow_end); marker-end: url(#marker_arrow_end); "/><path d="M 160,25 L 190,25" id="connector_4" style="stroke: #861a22; stroke-width: 3px; marker-end: url(#marker_circle); "/></svg>