Tegn en tærning med vektorgrafik

Vektorgrafik er godt til meget!
Man kan lave logoer, som kan blæses op til enorme størrelser uden at blive pixelerede.

Jeg er ikke grafiker. Men det er lidt sjovt at lege med SVG.
Man jo f.eks tegne en terning.

  
    
		
  

  

 

Og hvordan tegner man terningen? Sådan her:

<svg xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink">

  <svg x="0">
    <rect x="10" y="10" height="100" width="100"
        style="fill: black"/>
		<svg x= "10" y = "10" width="100" height="100">
  <circle cx="50" cy="50" r="20" fill="white" />
</svg>
  </svg>
</svg>

 

Du positionerer med x og y.

God fornøjelse!