Sie können mit der Maus die einzelnen Tangram-Teile auswählen und über den Bildschirm ziehen. Die Auswahl kann mit
dem Regler links gedreht werden.
Die Idee, ein Tangram aus den zwei Grundformen Dreieck und Quadrat zu erstellen ist ein bisschen kompliziert.
Die zwei kleinen Dreiecke ergeben zusammengelegt das mittelgroße Dreieck. Es ist jedoch ein Fehler,
anzunehmen, dass mit dem Faktor 2 das kleine Dreieck auf das größere Skaliert wird. Chatgpt sagt dazu messerscharf:
"Um die Fläche eines Dreiecks zu verdoppeln, müssen Sie die Länge jeder Seite des Dreiecks mit dem Quadratwurzelfaktor von 2 multiplizieren.
Die Fläche eines Dreiecks ist proportional zum Quadrat der Länge seiner Seiten.
Wenn Sie also die Seitenlängen eines Dreiecks skalieren,
ändert sich die Fläche proportional zum Quadrat dieses Skalierungsfaktors."
Also mit Wurzel 2.
Das heißt zumindest, dass die großen Dreiecke des Tangrams direkt aus den kleinen mit dem Faktor 2 skaliert
werden können.
Leider ändert sich dann, wie auch in der Transformation des Quadrates zur Raute auch die Rahmendicke, was einen unschönen Effeket hat.
Die Rahmendicke des <use>-tags lässt sich nicht direkt und nicht mit css-Attributen formatieren.
Entsprechend dann auch nicht mit script-Angaben. Oder?
Leider nicht. Und hier stößt die Benutzung des <use> an manifeste Grenzen, wenn die Rotation des transformierten
Quadrates sich in der Rotation weiter verschiebt, so dass es auch kein Tangram-Teil mehr ist.