[[:oktatas:grafika:svg|< SVG]]

====== Kép beillesztése ======

  * **Szerző:** Sallai András
  * Copyright (c) 2011, Sallai András
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC BY-SA 4.0]]
  * Web: https://szit.hu

===== Kép beillesztése egyszerűen =====


<code xml>
<?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>
</code>

A kép beilleszthető protokoll megadásával is:
  http://valahol/valami/kep.png



===== Kép és alakzat vegyesen =====


<code xml>
<?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>
</code>




===== Kép, alakzat, színátmenet =====


<code xml>
<?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>
</code>