SVG <sirkel>


SVG-sirkel - <sirkel>

Die <sirkel> element word gebruik om 'n sirkel te skep:

Sorry, your browser does not support inline SVG.

Hier is die SVG-kode:

Voorbeeld

<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>

Kode verduideliking:

  • Die cx- en cy-kenmerke definieer die x- en y-koördinate van die middelpunt van die sirkel. As cx en cy weggelaat word, word die sirkel se middelpunt op (0,0) gestel.
  • Die r-kenmerk definieer die radius van die sirkel