4.5Füllbilder
Wie schon erwähnt, lassen sich auch Muster mit externen Bildern erzeugen. Dazu benötigt man das <image>
-Tag, welches die folgenden Attribute beinhalten darf:
x
- horizontale Position der linken oberen Eckey
- vertikale Position der linken oberen Eckewidth
- Breiteheight
- Höhexlink:href
- Link zum Bild
<image x="0" y="0" width="200" height="185" xlink:href="tux.png" />
Das <image>
-Tag wird ebenso behandelt wie ein SVG-Objekt und innerhalb des <pattern>
-Bereichs plaziert.
<?xml version="1.0"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <pattern id="picture" x="20" y="20" width="50" height="60" patternUnits="userSpaceOnUse"> <image x="0" y="0" width="50" height="60" xlink:href="tux.png" /> </pattern> </defs> <rect x="20" y="20" width="200" height="120" fill="url(#picture)" stroke-width="2" stroke="black" /> </svg>