Sahifa sarlavhasi


Download 1.19 Mb.
bet57/62
Sana16.06.2023
Hajmi1.19 Mb.
#1516609
1   ...   54   55   56   57   58   59   60   61   62
Bog'liq
HTML O


SVG nima?


HTML elementi


HTML elementi (HTML5 da tanishtirilgan) bu SVG grafiklari uchun konteyner hisoblanadi.
SVG da to’rtburchak yuzalar, aylanalar tekstlar chizish va rasmlar qo’shish uchun bir necha funksiyalari mavjud.

Brauzerlarning qo’llab quvvatlashi


Jadvaldagi quyidagi brauzerlar elementlarini to’la qo’llab quvvatlaydi.



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.

Download 1.19 Mb.

Do'stlaringiz bilan baham:
1   ...   54   55   56   57   58   59   60   61   62




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling