Rev 254 | Blame | Last modification | View Log | RSS feed
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg
xmlns="http://www.w3.org/2000/svg"
version="1.0"
width="400" height="400"
viewbox="0 0 100 100">
<defs>
<pattern id="axeX" width="20" height="10" patternUnits="userSpaceOnUse">
<path d="M 0 0, L 0 10" style="fill:none;stroke:black;stroke-width:0.25"/>
<path d="M 10 10, V 5" style="fill:none;stroke:lightgray;stroke-width:0.25"/>
</pattern>
<pattern id="axeY" width="10" height="20" patternUnits="userSpaceOnUse">
<path d="M 0 0, L 10 0" style="fill:none;stroke:black;stroke-width:0.25"/>
<path d="M 5 10, L 10 10" style="fill:none;stroke:lightgray;stroke-width:0.25"/>
</pattern>
<pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse">
<path d="M 0 0, L 10 0, L 10 10,L 0 10, L 0 0" style="fill:white;stroke:lightgray;stroke-width:0.25"/>
</pattern>
</defs>
<g transform="matrix(1 0 0 -1 30 130)">
<!--grille-->
<rect x="0" y="0" stroke="black" width="100" height="100" style="fill:url(#grid);stroke:lightgray;stroke-width:0.25"/>
<!-- axes -->
<rect width="100" height="10" x="0" y="-10" style="fill:url(#axeX)"/>
<rect width="10" height="100" x="-10" y="0" style="fill:url(#axeY)"/>
<line x1="0" y1="0" x2="100" y2="0" style="stroke:black;stroke-width:1"/>
<line x1="0" y1="0" x2="0" y2="100" style="stroke:black;stroke-width:1"/>
<!-- graduations -->
<polygon points="100,-3 110,0 100,3" style="stroke:black;fill:white"/>
<polygon points="-3,100 3,100 0,110" style="stroke:black;fill:white"/>
<text x="0" y="-20" style="font-size:8;text-anchor:middle">0</text>
<text x="20" y="-20" style="font-size:8;text-anchor:middle">20</text>
<text x="40" y="-20" style="font-size:8;text-anchor:middle">40</text>
<text x="60" y="-20" style="font-size:8;text-anchor:middle">60</text>
<text x="80" y="-20" style="font-size:8;text-anchor:middle">80</text>
<text x="100" y="-20" style="font-size:8;text-anchor:middle">100</text>
<text x="120" y="0" style="font-size:8;text-anchor:middle">x</text>
<text x="-20" y="0" style="font-size:8;text-anchor:middle">0</text>
<text x="-20" y="20" style="font-size:8;text-anchor:middle">20</text>
<text x="-20" y="40" style="font-size:8;text-anchor:middle">40</text>
<text x="-20" y="60" style="font-size:8;text-anchor:middle">60</text>
<text x="-20" y="80" style="font-size:8;text-anchor:middle">80</text>
<text x="-20" y="100" style="font-size:8;text-anchor:middle">100</text>
<text x="0" y="120" style="font-size:8;text-anchor:middle">y</text>
<!-- barre -->
<rect x="20" y="0" width="20" height="60" style="fill:green;stroke:black;fill-opacity:0.6"/>
<circle cx="20" cy="60" r="3" style="fill:white;stroke:black;fill-opacity:0.9"/>
<text x="20" y="70" style="font-size:8;text-anchor:middle">(20,60)</text>
</g>
</svg>