< SVG

Kép beillesztése

Szerző: Sallai András

Copyright © 2011, Sallai András

Licenc: CC BY-SA 4.0

Web: https://szit.hu

Kép beillesztése egyszerűen

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="800" height="600"> <image x="150" y="150" width="305" height="157" xlink:href="logo.png"/> </svg>

A kép beilleszthető protokoll megadásával is:

http://valahol/valami/kep.png

Kép és alakzat vegyesen

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="800" height="600"> <image x="150" y="150" width="305" height="157" xlink:href="logo.png"/> <rect x="155" y="270" width="280" height="5" style="fill:blue;"/> </svg>

Kép, alakzat, színátmenet

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="800" height="600"> <image x="150" y="150" width="305" height="157" xlink:href="logo.png"/> <defs> <linearGradient id="atmenet"> <stop offset="0%" style="stop-color: blue;"/> <stop offset="100%" style="stop-color: yellow;"/> </linearGradient> </defs> <rect x="155" y="270" width="280" height="5" style="fill:url(#atmenet);"/> </svg>