« Découvrir le SVG/Manipulations avancées » : différence entre les versions
Contenu supprimé Contenu ajouté
Ligne 131 :
La [[wikipedia:fr:Courbe de Koch|courbe de Koch]] est une courbe fractale qui peut se construire en répétant des opérations simples. Le code suivant a été proposé par [[commons:User:Fibonacci|User:Fibonacci]] sur Wikimedia Commons. Il consiste à tracer un trait horizontal de longueur arbitraire ''l''<sub>0</sub> = 14 et de lui attribuer l'étiquette <code>it0</code> :
<source lang="
<line x2="14" stroke="#000" stroke-width="10" stroke-linecap="round" id="it0"/>
</source>
Ligne 137 :
Cet objet est ensuite translaté de cette même longueur ''l''<sub>0</sub> = 14 puis tourné de {{unité|–60|°}} ; le tout est mis dans un groupe portant l'identifiant <code>it1</code> :
<source lang="
<g id="it1">
<line x2="14" stroke="#000" stroke-width="10" stroke-linecap="round" id="it0"/>
Ligne 144 :
</source>
Cet objet <code>it1</code> est à son tour dupliqué, translaté d'une longueur 3 × ''l''<sub>0</sub> = 42 et retourné horizontalement par la commande <code>scale(-1, 1)</code>. Le tout est mis dans un groupe portant l'identifiant <code>it2</code>. Et ainsi de suite. Le code total est donc :
<source lang="
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="621" height="180">
Ligne 163 :
<use xlink:href="#it0" transform="translate(14)rotate(-60)"/>
</g>
<use xlink:href="#it1" transform="translate(42)scale(-1,1)"/>
</g>
<use xlink:href="#it2" transform="translate(42)rotate(-60)"/>
| |||