SVG: Unterschied zwischen den Versionen

Aus Info-Theke
Zur Navigation springen Zur Suche springen
Zeile 10: Zeile 10:
   <a xlink:href="http://en.wikipedia.org/wiki/Northern_Ireland"  
   <a xlink:href="http://en.wikipedia.org/wiki/Northern_Ireland"  
   xlink:title="Northern Ireland">
   xlink:title="Northern Ireland">
     <polygon id="area_ni" class="area" points="20,312,23,301,51,287,63,289,84,329,64,353,45,351,38,340,28,350,10,344,1,330,10,314">
     <polygon id="area_ni" class="area" points="20,312 23,301 51,287 63,289 84,329 64,353 45,351 38,340 28,350 10,344 1,330 10,314">
       <title>Northern Ireland</title>
       <title>Northern Ireland</title>
       <desc>Map of Northern Ireland</desc>
       <desc>Map of Northern Ireland</desc>
Zeile 24: Zeile 24:
<text x="10" y="20" fill="green" font-size="10">This is my text</text>
<text x="10" y="20" fill="green" font-size="10">This is my text</text>
<rectangle x="10" y="20" width="10" heigth="20" style="stroke=green;stroke-width=2" fill="red" fill-opacity="0.5" />
<rectangle x="10" y="20" width="10" heigth="20" style="stroke=green;stroke-width=2" fill="red" fill-opacity="0.5" />
<polygon fill="red" fill-opacity="0.5" style="stroke=green;stroke-width=2" points="10 10,20 20,30 10" />
<polygon fill="red" fill-opacity="0.5" style="stroke=green;stroke-width=2" points="10,10 20,20 30,10" />
</syntaxhighlight>
</syntaxhighlight>

Version vom 1. November 2024, 06:34 Uhr

Links

Anklickbare Bereiche

<svg xmlns="http://www.w3.org/2000/svg" 
  xmlns:xlink="http://www.w3.org/1999/xlink" 
  style="position:absolute;" width="271" 
  height="599" pointer-events="visible">
  
  <a xlink:href="http://en.wikipedia.org/wiki/Northern_Ireland" 
  xlink:title="Northern Ireland">
    <polygon id="area_ni" class="area" points="20,312 23,301 51,287 63,289 84,329 64,353 45,351 38,340 28,350 10,344 1,330 10,314">
      <title>Northern Ireland</title>
      <desc>Map of Northern Ireland</desc>
    </polygon>
  </a>
  …
</svg>

Elemente

<line x1="10" y1="20" x2="30" y2="40" stroke="green" stroke-width="2" />
<text x="10" y="20" fill="green" font-size="10">This is my text</text>
<rectangle x="10" y="20" width="10" heigth="20" style="stroke=green;stroke-width=2" fill="red" fill-opacity="0.5" />
<polygon fill="red" fill-opacity="0.5" style="stroke=green;stroke-width=2" points="10,10 20,20 30,10" />