Sahifa sarlavhasi

SVG nima?

• 
  SVG bu Skalyar Vektor Grafiklari degani
  
• 
  SVG web-uchun grafiklarni ko’rsatish uchun ishlatiladi
  
• 
  SVG ni KeepGoing tavsiya qiladi
  

HTML

HTML
SVG da to’rtburchak yuzalar, aylanalar tekstlar chizish va rasmlar qo’shish uchun bir necha funksiyalari mavjud.

Brauzerlarning qo’llab quvvatlashi

Jadvaldagi quyidagi brauzerlar

Element
	4.0	9.0	3.0	3.2	10.1

SVG Aylana

Namuna:

SVG To’rtburchak

Namuna:

SVG Qirrasi Yumaloq To’rtburchak

Namuna:

style="fill:red;stroke:black;stroke-width:5;opacity:0.5" />

SVG Yulduzcha

Namuna:

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

SVG Logotipi

SVG

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.