Scalable Vector Graphics/Figuren opmaken: verschil tussen versies
Verwijderde inhoud Toegevoegde inhoud
Geen bewerkingssamenvatting |
Geen bewerkingssamenvatting |
||
Regel 57:
==Voorbeeld==
Nu heb je al wat kennis om een tekening te beginnen te maken.
===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 />
    <rect width="400" height="200" fill="skyblue" /><br />
    <rect width="400" height="100" y="200" fill="green" /><br />
    <circle cx="60" cy="35" r="20" fill="yellow" /><br />
    <polygon points="150,220 150,120 250,40 350,120 350,220" fill="red" /><br />
    <rect width="55" height="80" x="270" y="140" fill="brown" /><br />
    <ellipse cx="275" cy="170" rx="2" ry="3" /><br />
    <rect width="52" height="52" x="173" y="142" fill="white" /><br />
    <ellipse cx="195" cy="180" rx="14" ry="16" fill="orange" /><br />
    <circle cx="190" cy="175" r="2" /><br />
    <circle cx="200" cy="175" r="2" /><br />
    <circle cx="195" cy="182" r="2" /><br />
    <line x1="190" y1="188" x2="200" y2="188" stroke-width="2" stroke="black" /><br />
    <rect width="52" height="52" x="173" y="142" fill="blue" opacity="0.2" /><br />
    <rect width="52" height="52" x="173" y="142" fill="none" stroke="brown" stroke-width="5" /><br />
</svg>
</span>
===Afbeelding===
[[Afbeelding:Svg-opmaak.svg]]
| |||