Subversion Repositories eFlore/Projets.eflore-projets

Rev

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>