Seite 1 von 1

svg drehen

Verfasst: Donnerstag 28. Juli 2022, 17:43
von Pitwheazle
Und noch eine Frage:
der Code erstellt eine Strecke und auch das mit dem Drehen klappt prima:

Code: Alles auswählen

        <g id="strecke">
        <line x1={{grafik.x1}} y1={{grafik.y1}} x2={{grafik.x2}} y2={{grafik.y2}} style="stroke:black;stroke-width:2;"/>
        <line x1={{grafik.x1}} y1={{grafik.y1|add:10}} x2={{grafik.x1}} y2={{grafik.y1|add:-10}}  style="stroke:black;stroke-width:2;" />
        <line x1={{grafik.x2}} y1={{grafik.y1|add:10}} x2={{grafik.x2}} y2={{grafik.y1|add:-10}}  style="stroke:black;stroke-width:2;" />
        </g>
        <use href="#strecke" transform="rotate(20,200,100)" /> 
Das Original bleibt aber stehen - ich will nur das Bild (nach der Drehung)

Re: svg drehen

Verfasst: Donnerstag 28. Juli 2022, 19:12
von __blackjack__
Sachen die definiert aber nicht direkt angezeigt werden sollen, gehören in <defs>: https://developer.mozilla.org/en-US/doc ... ement/defs

Re: svg drehen

Verfasst: Donnerstag 28. Juli 2022, 21:10
von Pitwheazle
Prima, danke. (Auch wenn man es nicht gleich erkennet. Ich lerne immer dazu.)