HTML5 SVG. Elementul HTML svg. Exemple: cerc SVG, dreptunghi SVG.

HTML5 SVG

Ce este SVG?

SVG înseamnă grafică vectorială scalabilă.
SVG este utilizat pentru a defini grafica pentru Web.
SVG este o recomandare W3C.

Elementul HTML <svg>

Elementul HTML <svg> este un container pentru grafică SVG.
SVG are mai multe metode pentru desenarea căilor, casetelor, cercurilor, textului și imaginilor grafice.

Asistență browser (Browser Support)

Numerele din tabel specifică prima versiune a browserului care acceptă integral elementul <svg>.

Cerc SVG

Exemplu:

<!DOCTYPE html>
<html>
<body>

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

</body>
</html>

Dreptunghi SVG

Exemplu:

<svg width="400" height="100">
  <rect width="400" height="100" style="fill:rgb(0,0,255);stroke-width:10;stroke:rgb(0,0,0)" />
</svg>