Übung 12
14.10.2021
Zeichnen Sie ein Kaninchen grafisch mit Hilfe eines Programms wie Inkscape, also nicht mehr, indem Sie XML direkt schreiben. Das Aussehen des Kaninchens ist Ihrem Geschmack überlassen, aber verwenden Sie bitte auch Bezier-Kurven. Machen Sie sich dann mit dem Element <use> vertraut. Eine entsprechende Erklärung finden Sie in den Kapiteln 7 und 9 auf der Seite https://svg.tutorial.aptico.de/. Entnehmen Sie dem Kaninchen-Programm den entstandenem XML-Code und zeichnen Sie es mit <use> drei Mal, jeweils verschoben, rotiert und skaliert.
<svg viewBox="0 0 1000 520" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="kaninchen" transform="translate(250, 0)">
<path d="M257 377V405" stroke="black" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="317" cy="288" r="15" fill="black"/>
<path d="M257 194.18C292 194.18 306.567 178.712 326.5 152C498.5 -78.5 583.5 8.99997 379.5 216C379.5 301.5 439.5 334.9 439.5 394.5C439.5 454.1 379.5 497.5 342.5 497.5L257 497.5" stroke="black" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M377.5 378L469.5 348.5M377.5 438.5H469.5" stroke="black" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M287 347C287 363.569 273.569 377 257 377M290 423L257 405.5" stroke="black" stroke-width="30" stroke-linecap="round"/>
<circle r="15" transform="matrix(-1 0 0 1 196.603 288)" fill="black"/>
<path d="M256.603 194.18C221.603 194.18 207.036 178.712 187.103 152C15.1028 -78.5 -69.8972 8.99997 134.103 216C134.103 301.5 74.1028 334.9 74.1028 394.5C74.1028 454.1 134.103 497.5 171.103 497.5L256.603 497.5" stroke="black" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M136.103 378L44.1028 348.5M136.103 438.5H44.1028" stroke="black" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M227 347C227 363.569 240.431 377 257 377M224 423L257 405.5" stroke="black" stroke-width="30" stroke-linecap="round"/>
</g>
<use href="#kaninchen" transform="translate(20, 320) scale(0.25) rotate(-35)" />
<use href="#kaninchen" transform="translate(230, 180) scale(0.15) rotate(20)" />
<use href="#kaninchen" transform="translate(730, 50) scale(0.4) rotate(40)" />
</svg>