19 lines
1.1 KiB
XML
19 lines
1.1 KiB
XML
<svg width="220" height="180" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<marker id="sc-arr" markerWidth="7" markerHeight="5" refX="7" refY="2.5" orient="auto">
|
|
<path d="M0,0 L7,2.5 L0,5" fill="#999"/>
|
|
</marker>
|
|
</defs>
|
|
<!-- axes -->
|
|
<line x1="20" y1="160" x2="210" y2="160" stroke="#ccc" stroke-width="1" marker-end="url(#sc-arr)"/>
|
|
<line x1="20" y1="160" x2="20" y2="10" stroke="#ccc" stroke-width="1" marker-end="url(#sc-arr)"/>
|
|
<circle cx="20" cy="160" r="3" fill="#333"/>
|
|
<!-- original unit square -->
|
|
<rect x="20" y="100" width="60" height="60" fill="#e74c3c" fill-opacity="0.15" stroke="#e74c3c" stroke-width="2"/>
|
|
<text x="50" y="135" text-anchor="middle" fill="#e74c3c" font-size="10">1 x 1</text>
|
|
<!-- scaled rectangle (sx=2, sy=1.5) -->
|
|
<rect x="20" y="70" width="120" height="90" fill="#3498db" fill-opacity="0.1" stroke="#3498db" stroke-width="2" stroke-dasharray="5"/>
|
|
<text x="80" y="55" text-anchor="middle" fill="#3498db" font-size="10">scaled: 2x wide, 1.5x tall</text>
|
|
<!-- labels -->
|
|
<text x="110" y="14" text-anchor="middle" fill="#333" font-size="11">S(2, 1.5) stretches each axis</text>
|
|
</svg> |
