New file |
0,0 → 1,52 |
<?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> |