Scalable Vector Graphics/Figuren opmaken: verschil tussen versies

geen bewerkingssamenvatting
Geen bewerkingssamenvatting
Geen bewerkingssamenvatting
 
==Voorbeeld==
Nu heb je al wat kennis om een tekening te beginnen te maken.
Een voorbeeld met alles samen.
 
===Code===
<span style='font-family: courier new'>
<?xml version="1.0" standalone="no"?><br />
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><br />
<br />
<svg width="400px" height="300px" version="1.1" xmlns="http://www.w3.org/2000/svg"><br />
&#160;&#160;&#160;&#160;<rect width="400" height="200" fill="skyblue" /><br />
&#160;&#160;&#160;&#160;<rect width="400" height="100" y="200" fill="green" /><br />
&#160;&#160;&#160;&#160;<circle cx="60" cy="35" r="20" fill="yellow" /><br />
&#160;&#160;&#160;&#160;<polygon points="150,220 150,120 250,40 350,120 350,220" fill="red" /><br />
&#160;&#160;&#160;&#160;<rect width="55" height="80" x="270" y="140" fill="brown" /><br />
&#160;&#160;&#160;&#160;<ellipse cx="275" cy="170" rx="2" ry="3" /><br />
&#160;&#160;&#160;&#160;<rect width="52" height="52" x="173" y="142" fill="white" /><br />
&#160;&#160;&#160;&#160;<ellipse cx="195" cy="180" rx="14" ry="16" fill="orange" /><br />
&#160;&#160;&#160;&#160;<circle cx="190" cy="175" r="2" /><br />
&#160;&#160;&#160;&#160;<circle cx="200" cy="175" r="2" /><br />
&#160;&#160;&#160;&#160;<circle cx="195" cy="182" r="2" /><br />
&#160;&#160;&#160;&#160;<line x1="190" y1="188" x2="200" y2="188" stroke-width="2" stroke="black" /><br />
&#160;&#160;&#160;&#160;<rect width="52" height="52" x="173" y="142" fill="blue" opacity="0.2" /><br />
&#160;&#160;&#160;&#160;<rect width="52" height="52" x="173" y="142" fill="none" stroke="brown" stroke-width="5" /><br />
</svg>
</span>
===Afbeelding===
[[Afbeelding:Svg-opmaak.svg]]
109

bewerkingen

Informatie afkomstig van https://nl.wikibooks.org Wikibooks NL.
Wikibooks NL is onderdeel van de wikimediafoundation.