Inkscape : les clones

Vous voulez réaliser un superbe papier peint.
Donc un motif qui se répète sur tout le document.
Observez le document ci-dessous. clonage sous Inkscape

Le procédure

Extrait du code obtenu

... <g id ="g18"> <rect style="opacity:1;fill:#0000ff;fill-opacity:1;stroke:none;stroke-width:0.79374999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="rect12" width="5.2916665" height="26.458332" x="10.583333" y="138.24998" /> <rect style="opacity:1;fill:#0000ff;fill-opacity:1;stroke:none;stroke-width:0.79374999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="rect14" width="26.458332" height="5.2916665" x="0" y="148.83333" /> </g> <use id="use20" xlink:href="#g18" y="0" x="0" /> <use id="use22" xlink:href="#g18" y="0" x="0" /> <use id="use24" transform="translate(0,26.458332)" xlink:href="#g18" y="0" x="0" /> ...

Ceux qui ont étudié attentivement mon tutoriel "dessiner avec SVG" (dans le même site) ne sont pas étonnés par la syntaxe.

Le modèle est ici le groupe identifié g18.

Grâce à la balise use on duplique le modèle et on le positionne (ici avec l'attribut transform:translate)

Intérêt du clonage

La duplication d'un clone n'est pas une copie simple ; la copie est liée à l'original ; donc si vous modifiez l'original alors les copies sont elles aussi modifiées.
Dans l'exemple précédent si vous modifiez l'objet "g18" alors les copies sont modifiées.

Autres exemple

Cinq flèches identiques.

Procédure

Le modèle est prêt ! Il n'y a plus qu'à produire trois fois la commande : Edition/Cloner/créer un clone
Attention la copie est au dessus de l'original, il faut ensuite déplacer cette copie.

Mais comment retrouver l'original ?

Si vous avez de nombreux objets identiques résultant d'une opération de clonage, il est impossible de retrouver visuellement l'original.
Solution : sélectionnez n'importe quel objet puis produisez la commande Edition/Cloner/sélectionner l'original.
Le modèle va alors être sélectionné.

Le code (extrait)

... <path id="rect835" style="opacity:1;fill:#00ff00;fill-opacity:1;stroke:none;stroke-width:3.16237;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter852)" d="M 76.940459,74.083325 127,31.749991 177.05954,74.083325 c 1.20862,1.022081 2.85714,1.274284 2.85714,2.857134 V 187.64287 c 0,1.58285 -1.27429,2.85713 -2.85714,2.85713 L 127,158.75 76.940459,190.5 c -1.336671,0.84777 -2.857123,-1.27428 -2.857123,-2.85713 V 76.940459 c 0,0 1.274273,-2.857134 2.857123,-2.857134 z" sodipodi:nodetypes="scsssscsscs" /> <use x="0" y="0" xlink:href="#rect835" id="use884" transform="translate(1.309854e-6,190.5)" width="100%" height="100%" /> ...

On retrouve la balise USE qui crée une copie dynamique du modèle.

Test : Téléchargez ce document, ouvrez le via Inkscape, modifiez la couleur de remplissage de l'orignal et observez : les clones changent aussi de couleur de fond !
Retour menu