Beispiel


Beispiel: 19, elliptische Bögen	Download Bsp19

		  <?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 width="220" height="130" xmlns="http://www.w3.org/2000/svg" 
            version="1.1">

              <title>Arc - B&ouml;gen</title>

              <defs>

                <g id="ellipsen">

                  <ellipse cx="50" cy="70" rx="30" 
            ry="20" style="fill:none;stroke:#5555FF;stroke-width:2;"/>

                  <ellipse cx="50" cy="50" rx="30" 
            ry="20" style="fill:none;stroke:#5555FF;stroke-width:2;"/>

                </g>

              </defs>

              <g transform="translate(40 0)">

                <use xlink:href="#ellipsen"/>

                <text x="-30" y="110" font-size="8pt">&lt;path 
            d="M24 60 A 30 20<tspan fill="#FF0000"> ? ? </tspan>0 
            76 60"/&gt;</text>

                <text x="-30" y="125" font-size="8pt">Uneindeutig, 
            welche Ellipse gemeint ist.</text>

              </g>

              <g transform="translate(40 110)">

                <use xlink:href="#ellipsen"/>

                <text x="-30" y="110" font-size="8pt">&lt;path 
            d="M24 60 A 30 20<tspan fill="#FF0000"> 1 0 </tspan>0 
            76 60"/&gt;</text>

                <text x="-30" y="125" font-size="8pt">large-arc-flag=1 
            sweep-flag=0</text>

                <path d="M24 
            60 A 30 20 0 1 0 76 60" style="fill:none;stroke:#FF0000;stroke-width:2;"/>

              </g>

              <g transform="translate(250 110)">

                <use xlink:href="#ellipsen"/>

                <text x="-30" y="110" font-size="8pt">&lt;path 
            d="M24 60 A 30 20<tspan fill="#FF0000"> 1 1 </tspan>0 
            76 60"/&gt;</text>

                <text x="-30" y="125" font-size="8pt">large-arc-flag=1 
            sweep-flag=1</text>

                <path d="M24 
            60 A 30 20 0 1 1 76 60" style="fill:none;stroke:#FF0000;stroke-width:2;"/>

              </g>

              <g transform="translate(40 220)">

                <use xlink:href="#ellipsen"/>

                <text x="-30" y="110" font-size="8pt">&lt;path 
            d="M24 60 A 30 20<tspan fill="#FF0000"> 0 1 </tspan>0 
            76 60"/&gt;</text>

                <text x="-30" y="125" font-size="8pt">large-arc-flag=0 
            sweep-flag=1</text>

                <path d="M24 
            60 A 30 20 0 0 1 76 60" style="fill:none;stroke:#FF0000;stroke-width:2;"/>

              </g>

              <g transform="translate(250 220)">

                <use xlink:href="#ellipsen"/>

                <text x="-30" y="110" font-size="8pt">&lt;path 
            d="M24 60 A 30 20<tspan fill="#FF0000"> 0 0 </tspan>0 
            76 60"/&gt;</text>

                <text x="-30" y="125" font-size="8pt">large-arc-flag=0 
            sweep-flag=0</text>

                <path d="M24 
            60 A 30 20 0 0 0 76 60" style="fill:none;stroke:#FF0000;stroke-width:2;"/>

              </g>

            </svg>

< voriges Beispiel - nächtes Beispiel >	Fenster schliessen