Informatika va at

SVG Aylana

Namuna:

/>

SVG To’rtburchak

Namuna:

SVG Qirrasi Yumaloq To’rtburchak

Namuna:

S VG Yulduzcha

Namuna:

style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />

S VG Logotipi

Namuna:

SVG
Afsus, sizning brauzeringiz SVG ni qo'llab quvvatlamaydi.

SVG va Kanvas(Canvas) o’rtasidagi farqlar

SVG bu XML da 2D (2 o’lchamli) grafiklarni ifodalovchi tildir. Kanvas bir zumda(JavaScript orqali) 2D grafiklar chizadi.
SVG bu XML ga xos bo’lib ya’ni bu degani har bir element SVG DOM ichida mavjuddir. Siz element uchun (JavaScript event handlers) ni bo’g’lay olasiz.
SVG da, har bir chizilgan shakl obyekt sifatida eslab qolinadi. Agar SVG obyektining attributlari o’zgartirilsa, brauzer shaklni avtomatik ravishda qayta yasaydi.

Kanvasda esa bu ish pikselma piksel tashkil qilinadi. Kanvasda, grafik bir marta chiziladi va brauzer tomonidan unutiladi. Agar uning joylashgan joyi o’zgarishi kerak bo’lsa, to’liq ko’rinish qayta chizilishi kerak bo’ladi, shu qatori grafik bilan o’ralgan har qanday obyekt ham.