Beispiel:Sprites-mit-View.svg

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
<svg version="1.0" width="100" height="100" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">

<view id="rot"  viewBox="0 0 400 400"   preserveAspectRatio="xMidYMid meet" />
<view id="blau" viewBox="400 0 400 400" preserveAspectRatio="xMidYMid meet" />

<!-- Sprite #rot -->
<g transform="translate(0,0)">
<rect x="50" y="50" width="300" height="300" fill="red" stroke="black" stroke-width="10"></rect>
</g>

<!-- Sprite #blau -->
<g transform="translate(400,0)">
<rect x="50" y="50" width="300" height="300" fill="blue" stroke="black" stroke-width="10"></rect>
</g>

</svg>