SVG-Transformation drehen

Question

Ich frage mich, wenn jemand mir sagen könnte, was die Zahlen im Inneren rotieren() steht für? Ich weiß, der erste ist der Winkel, aber die anderen beiden?

<line x1="10" y1="0" x2="10" y2="20" transform="rotate(20 100 100)"></line>

Answer 1

1. Die erste Zahl gibt eine Drehung in Grad angegeben.

2. Die zweite Zahl ist die x-Koordinate des Punktes (x, y), um den sich das SVG dreht.

3. Die dritte Zahl ist die y-Koordinate des Punktes (x, y), um den sich das SVG dreht.

Quelle:. https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform