Comment placer le même chemin plusieurs fois à des tailles/coordonnées différentes ?

Question

J'ai un chemin que j'ai créé dans Illustrator et enregistré en tant que SVG.

Maintenant, je veux le placer de manière programmée à différentes tailles et coordonnées sur un grand canvas.

Supposons que j'ai cette image :

Comment pourrais-je reproduire cette même image à différents endroits et tailles dans un seul fichier SVG, comme ceci :

par exemple, une version réduite de 20% aux coordonnées x,y ; une autre agrandie de 30% aux coordonnées a,b et ainsi de suite.

Supposez s'il vous plaît que je vais bien me débrouiller avec la partie programmation, je suis à l'aise de travailler avec des fichiers XML. Ce sont les parties SVG que je ne comprends pas.

Answer 1

Vous avez besoin de l'attribut transform. Vous pouvez déplacer vos tracés avec translate et les redimensionner avec scale.

Answer 2

Mieux vaut utiliser l'élément (transformé) que de copier votre chemin pour chaque instance.