Beispiel: 14, eine Stern mittels path Download Bsp14

<?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="300" height="300" xmlns="http://www.w3.org/2000/svg" version="1.1">
  <title>Ein Beispiel fuer einfache Pfade</title>
  <desc>In diesem SVG gibt es nur einen Pfad: der Stern, der in verschiedenen Groessen wiederverwendet wird.</desc>
  <defs>
    <path fill="#FFFF00" stroke="#FFBB00" stroke-width="3" id="stern"
d="M 150 105 l 28 -50 l -58 0 L 101 21 L 81 55 l -58 0 l 28 50
l -28 50 l 58 0 l 20 34 l 20 -34 l 58 0 z"/>

  </defs>
  <rect x="0" y="0" width="300" height="300" fill="#000044"/>
  <use xlink:href="#stern"/>
  <use xlink:href="#stern" transform="translate(150 200) scale(0.3) "/>
  <use xlink:href="#stern" transform="translate(240 230) scale(0.2) "/>
  <use xlink:href="#stern" transform="translate(70 240) scale(0.2) "/>
  <use xlink:href="#stern" transform="translate(10 250) scale(0.1) "/>
  <use xlink:href="#stern" transform="translate(240 180) scale(0.1) "/>
  <use xlink:href="#stern" transform="translate(220 100) scale(0.1) "/>
  <use xlink:href="#stern" transform="translate(260 80) scale(0.08) "/>
  <use xlink:href="#stern" transform="translate(250 20) scale(0.1) "/>
  <g>
    <desc>Die Koordinatenangaben, fuer das Beispiel nicht relevant</desc>
    <text font-size="7pt" x="160" y="105" fill="#FFFF00" stroke="#FFFF00" stroke-width="1">(150,105)</text>
    <text font-size="7pt" x="188" y="55" stroke="#FFFF00" stroke-width="1">(178,55)</text>
    <text font-size="7pt" x="130" y="50" stroke="#FFFF00" stroke-width="1">(120,55)</text>
    <text font-size="7pt" x="85" y="15" stroke="#FFFF00" stroke-width="1">(101,21)</text>
    <text font-size="7pt" x="51" y="50" stroke="#FFFF00" stroke-width="1">(81,55)</text>
    <text font-size="7pt" x="2" y="50" stroke="#FFFF00" stroke-width="1">(23,55)</text>
    <text font-size="7pt" x="8" y="105" stroke="#FFFF00" stroke-width="1">(51,105)</text>
    <text font-size="7pt" x="2" y="165" stroke="#FFFF00" stroke-width="1">(23,155)</text>
    <text font-size="7pt" x="48" y="170" stroke="#FFFF00" stroke-width="1">(81,155)</text>
    <text font-size="7pt" x="85" y="200" stroke="#FFFF00" stroke-width="1">(101,189)</text>
    <text font-size="7pt" x="120" y="170" stroke="#FFFF00" stroke-width="1">(121,155)</text>
  </g>
</svg>

< voriges Beispiel - nächtes Beispiel > Fenster schliessen