Wikibooks

Scalable Vector Graphics/Figuren opmaken: verschil tussen versies

Module Overleg

Scalable Vector Graphics/Figuren opmaken (bewerken)

Versie van 18 nov 2010 02:27

98 bytes toegevoegd ,  12 jaar geleden
→‎Voorbeeld
VisueelWikitekst
Geen bewerkingssamenvatting
 
==Voorbeeld==
Nu heb je al wat kennis om een eenvoudige tekening te beginnen tekunnen maken. Een voorbeeld met enkele verschillende elementenbasiselementen:
 
{{Voorbeeld|1=
<rect width="400" height="200" fill="skyblue" /> &lt;!-- lucht-->
<rect width="400" height="100" y="200" fill="green" /> &lt;!-- gras -->
<circle cx="60" cy="35" r="20" fill="yellow" /> &lt;!-- zon -->
<polygon points="150,220 150,120 250,40 350,120 350,220" fill="red" /> &lt;!-- huis -->
<rect width="5552" height="8052" x="270173" y="140142" fill="brownlightgrey" /> &lt;!-- raam (glas) -->
<rect width="52" height="52" x="173" y="142" fill="none" stroke="brown" stroke-width="5" /> &lt;!-- raam (kozijn) -->▼
<ellipse cx="275" cy="170" rx="2" ry="3" />
<rect width="5255" height="5280" x="173270" y="142140" fill="whitebrown" /> &lt;!-- deur -->
<ellipse cx="195278" cy="180" rx="142" ry="16" fill="orange3" /> &lt;!-- deurknop -->
<circle cx="190" cy="175" r="2" />
<circle cx="200" cy="175" r="2" />
<circle cx="195" cy="182" r="2" />
<line x1="190" y1="188" x2="200" y2="188" stroke-width="2" stroke="black" />
<rect width="52" height="52" x="173" y="142" fill="blue" opacity="0.2" />
▲<rect width="52" height="52" x="173" y="142" fill="none" stroke="brown" stroke-width="5" />
}}
 
Het resultaat is als volgt:
[[Afbeelding:Svg-opmaak-simpel.svg|left]]
 
{{sub}}
Informatie afkomstig van https://nl.wikibooks.org Wikibooks NL.
Wikibooks NL is onderdeel van de wikimediafoundation.