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>