DseWiki: SpracheSVG/Beispiele/PathBezierUseTransform

Veränderung (zum vorhergehenden Autor) (Änderung, Korrektur, Normalansicht)

Verändert: 1c1,17

Beschreibe hier die neue Seite.

[[SVG][width=400][height=220][showcode=1]

<defs>
<path id="path1"
d="M 20,40 C 120,-40 200,100 20,190 L 140,190"
stroke-width="10"
/>
</defs>

<use xlink:href="#path1" fill="none" stroke="black" />

<use xlink:href="#path1" fill="red" stroke="blue" transform="translate(120,100) scale(0.5) rotate(-30)" />

<use xlink:href="#path1" fill="green" stroke="black" transform="translate(200,80) scale(0.3) rotate(-60)" />

]


<defs>
  <path id="path1"
    d="M 20,40 C 120,-40 200,100 20,190 L 140,190" 
    stroke-width="10" 
  />
</defs>

<use xlink:href="#path1" fill="none" stroke="black" /> 

<use xlink:href="#path1" fill="red" stroke="blue" transform="translate(120,100) scale(0.5) rotate(-30)" />

<use xlink:href="#path1" fill="green" stroke="black" transform="translate(200,80) scale(0.3) rotate(-60)" />