SVG ma’lumotnomasi
SVG elementlari
| Element | Tavsif | Atributlar | Darslik |
|---|---|---|---|
| <a> | Element atrofida giperhavola yaratadi | href="O‘tiladigan URL manzil" download="Brauzerga URL manzilga o‘tish o‘rniga uni yuklab olishni bildiradi" hreflang="Havola ko‘rsatayotgan sahifaning tili" referrerpolicy="URL manzilni olishda yuboriladigan referrer ma’lumoti" rel="Maqsadli obyektning havola obyektiga munosabati" target="Havolani qayerda ochish kerakligi. Qiymati _self, _parent, _top, _blank yoki nom bo‘lishi mumkin" type="Bog‘langan URL manzilning MIME turi" |
Misollar |
| <animate> | Elementning atributini vaqt davomida animatsiya qiladi | attributeName="maqsadli atribut nomi" by="nisbiy siljish qiymati" from="boshlang‘ich qiymat" to="oxirgi qiymat" dur="davomiylik" repeatCount="animatsiya necha marta bajarilishi" |
Misollar |
| <animateMotion> | Element harakat yo‘li bo‘ylab qanday harakatlanishini belgilaydi | calcMode="animatsiya uchun interpolyatsiya rejimi. Qiymati 'discrete', 'linear', 'paced', 'spline' bo‘lishi mumkin" path="harakat yo‘li" keyPoints="vaqtning ma’lum lahzasida obyekt harakat yo‘li bo‘ylab qancha masofaga siljishi kerakligi" rotate="aylantirish transformatsiyasini qo‘llaydi" |
Misollar |
| <animateTransform> | Maqsadli elementdagi transformatsiya atributini animatsiya qiladi | by="nisbiy siljish qiymati" from="boshlang‘ich qiymat" to="oxirgi qiymat" type="qiymatlari vaqt davomida o‘zgaradigan transformatsiya turi. Qiymati 'translate', 'scale', 'rotate', 'skewX', 'skewY' bo‘lishi mumkin" |
Misollar |
| <circle> | Aylanani belgilaydi | r="Aylananing radiusi". Majburiy cx="aylana markazining x o‘qidagi koordinatasi" cy="aylana markazining y o‘qidagi koordinatasi" |
Misollar |
| <clipPath> | clip-path xususiyati tomonidan ishlatiladigan kesish yo‘lini (clipping path) belgilaydi | clipPathUnits="'userSpaceOnUse' yoki 'objectBoundingBox'. Ikkinchi qiymat farzand elementlar birliklarini niqobdan foydalanadigan obyekt chegaralovchi to‘rtburchagining (bounding box) ulushi qiladi (standart: 'userSpaceOnUse')" | Misollar |
| <defs> | Murojaat qilinadigan elementlar uchun konteyner | ||
| <desc> | Konteyner elementlari yoki grafik elementlar uchun faqat matndan iborat tavsif | ||
| <ellipse> | Ellipsni belgilaydi | rx="ellipsning x radiusi". Majburiy. ry="ellipsning y radiusi". Majburiy. cx="ellips markazining x o‘qidagi koordinatasi" cy="ellips markazining y o‘qidagi koordinatasi" |
Misollar |
| <feBlend> | SVG filtri. Ikki grafikani ma’lum aralashtirish rejimi (blending mode) bo‘yicha birlashtiradi | mode="rasmni aralashtirish rejimlari: normal|multiply|screen|darken|lighten" in="berilgan filtr primitivi uchun kirish: SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>" in2="aralashtirish amali uchun ikkinchi kiruvchi rasm" |
Misollar |
| <feColorMatrix> | SVG filtri. Ranglarni transformatsiya matritsasi asosida o‘zgartiradi | in="berilgan filtr primitivi uchun kirish: SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>" type="matrix | saturate | hueRotate | luminanceToAlpha" values="type atributida belgilangan matritsa turi uchun qiymat" |
Misollar |
| <feComponentTransfer> | SVG filtri. Har bir piksel ma’lumotlarini komponentlar bo‘yicha qayta moslaydi. Yorqinlik, kontrast, rang balansi va hokazolarni sozlashi mumkin | in="berilgan filtr primitivi uchun kirish: SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>" | |
| <feComposite> | SVG filtri. Ikki kiruvchi rasmni kompozitsiya amali yordamida rasm fazosida piksel darajasida birlashtiradi | in="berilgan filtr primitivi uchun kirish: SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>" in2="aralashtirish amali uchun ikkinchi kiruvchi rasm" operator="over | in | out | atop | xor | lighter | arithmetic" |
|
| <feConvolveMatrix> | SVG filtri. Matritsali konvolyutsiya filtri effektini qo‘llaydi (bunga xiralashtirish, chegaralarni aniqlash, keskinlashtirish, bo‘rttirish va qirralarni qiyalash kiradi) | ||
| <feDiffuseLighting> | SVG filtri. Alfa kanalidan relyef xaritasi (bump map) sifatida foydalanib grafikani yoritadi | ||
| <feDisplacementMap> | SVG filtri. in atributidagi rasmni siljitish uchun in2 atributidagi grafikaning piksel qiymatlaridan foydalanadi | ||
| <feDistantLight> | SVG filtri. Yoritish filtri primitivi (<feDiffuseLighting> yoki <feSpecularLighting>) ichida ishlatiladigan uzoqdagi yorug‘lik manbasini belgilaydi | azimuth elevation |
|
| <feDropShadow> | SVG filtri. Grafikaning tushuvchi soyasini (drop shadow) yaratadi | dx="tushuvchi soyaning x bo‘yicha siljishi" dy="tushuvchi soyaning y bo‘yicha siljishi" stdDeviation="tushuvchi soyadagi xiralashtirish miqdori" |
Misollar |
| <feFlood> | SVG filtri. Filtr quyi hududini flood-color va flood-opacity atributlari belgilagan rang va shaffoflik bilan to‘ldiradi | flood-color flood-opacity |
|
| <feFuncA> | SVG filtri. feComponentTransfer’ning quyi elementi | ||
| <feFuncB> | SVG filtri. feComponentTransfer’ning quyi elementi | ||
| <feFuncG> | SVG filtri. feComponentTransfer’ning quyi elementi | ||
| <feFuncR> | SVG filtri. feComponentTransfer’ning quyi elementi | ||
| <feGaussianBlur> | SVG filtri. Grafikani xiralashtiradi | in="berilgan filtr primitivi uchun kirish: SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>" stdDeviation edgeMode |
Misollar |
| <feImage> | SVG filtri. Grafika ma’lumotlarini tashqi manbadan oladi va piksel ma’lumotlarini natija sifatida taqdim etadi | crossorigin preserveAspectRatio |
|
| <feMerge> | SVG filtri. Kiruvchi grafika qatlamlarini aralashtiradi (filtr effektlarini ketma-ket emas, bir vaqtda qo‘llaydi) | ||
| <feMergeNode> | SVG filtri. Boshqa filtr natijasini olib, uni ota element <feMerge> tomonidan qayta ishlanishiga uzatadi | in="berilgan filtr primitivi uchun kirish: SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>" | |
| <feMorphology> | SVG filtri. Grafikani ingichkalashtiradi yoki kengaytiradi (qalinlashtirish yoki ingichkalashtirish effektlari uchun) | in="berilgan filtr primitivi uchun kirish: SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>" operator="erode | dilate" radius |
|
| <feOffset> | SVG filtri. Kiruvchi grafikani siljitadi | in="berilgan filtr primitivi uchun kirish: SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>" dx dy |
Misollar |
| <fePointLight> | SVG filtri. Nuqtaviy yorug‘lik effektini yaratish imkonini beruvchi yorug‘lik manbasini belgilaydi | x y z |
|
| <feSpecularLighting> | SVG filtri. Alfa kanalidan relyef xaritasi (bump map) sifatida foydalanib manba grafikani yoritadi | in="berilgan filtr primitivi uchun kirish: SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>" | |
| <feSpotLight> | SVG filtri. Projektor (spotlight) yorug‘ligi effektini yaratish imkonini beruvchi yorug‘lik manbasini belgilaydi | x y z pointsAtX pointsAtY pointsAtZ specularExponent limitingConeAngle |
|
| <feTile> | SVG filtri. Maqsadli to‘rtburchakni kiruvchi grafikaning takrorlanuvchi naqshi bilan to‘ldiradi | in="berilgan filtr primitivi uchun kirish: SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>" | |
| <feTurbulence> | SVG filtri. Perlin turbulentlik funksiyasi yordamida grafika yaratadi | baseFrequency numOctaves seed stitchTiles type |
|
| <filter> | Filtr effektlari uchun konteyner | x y width height filterUnits primitiveUnits |
Misollar |
| <foreignObject> | Boshqa XML nomlar fazosidagi elementlarni qo‘shadi | height width x y |
|
| <g> | Boshqa SVG elementlarini guruhlash uchun konteyner | id="guruh uchun yagona nom" |
|
| <image> | SVG ichiga rasm qo‘shadi (.jpeg, .png yoki boshqa SVG fayllari bo‘lishi shart) | href="rasmning URL manzili". Majburiy. width="rasmning kengligi". Majburiy. height="rasmning balandligi". Majburiy. x="rasm yuqori chap burchagining x pozitsiyasi" y="rasm yuqori chap burchagining y pozitsiyasi" preserveAspectRatio="rasm qanday masshtablanishi" crossorigin="CORS so‘rovlari uchun hisob ma’lumotlari (credentials) bayrog‘ining qiymati" decoding="sync | async | auto" |
Misollar |
| <line> | Chiziq yaratadi | x1="Chiziqning x o‘qidagi boshlanish nuqtasi" y1="Chiziqning y o‘qidagi boshlanish nuqtasi" x2="Chiziqning x o‘qidagi tugash nuqtasi" y2="Chiziqning y o‘qidagi tugash nuqtasi" |
Misollar |
| <linearGradient> | Chiziqli gradientni belgilaydi | id="gradient uchun yagona id". Majburiy x1="Gradient boshlang‘ich nuqtasining x pozitsiyasi". Standart qiymat — 0% x2="Gradient oxirgi nuqtasining x pozitsiyasi". Standart qiymat — 100% y1="Gradient boshlang‘ich nuqtasining y pozitsiyasi". Standart qiymat — 0% y2="Gradient oxirgi nuqtasining y pozitsiyasi". Standart qiymat — 0% spreadMethod="Gradientning yoyilish usuli". Mumkin bo‘lgan qiymatlar: "pad", "reflect", "repeat". Standart qiymat — "pad" href="Shablon sifatida ishlatiladigan boshqa <linearGradient> elementiga havola" gradientUnits="x1, x2, y1, y2 uchun koordinatalar tizimi". Mumkin bo‘lgan qiymatlar: "userSpaceOnUse" va "objectBoundingBox". Standart qiymat — "objectBoundingBox" gradientTransform="gradient koordinatalar tizimiga qo‘shimcha transformatsiya" |
Misollar |
| <marker> | Muayyan <path>, <line>, <polyline> yoki <polygon> elementida strelka uchlari yoki ko‘p markerlarni (polymarker) chizish uchun ishlatiladigan grafikani belgilaydi | markerUnits="'strokeWidth' yoki 'userSpaceOnUse'. Agar 'strokeWidth' ishlatilsa, bitta birlik bitta kontur qalinligiga teng bo‘ladi. Aks holda marker masshtablanmaydi va unga murojaat qiluvchi element bilan bir xil ko‘rinish birliklaridan foydalanadi (standart: 'strokeWidth')" refX="marker cho‘qqi (vertex) bilan tutashadigan pozitsiya (standart: 0)" refY="marker cho‘qqi (vertex) bilan tutashadigan pozitsiya (standart: 0)" orient="'auto' yoki marker har doim ko‘rsatiladigan burchak. 'auto' x o‘qini cho‘qqining urinmasi (tangens) qiladigan burchakni hisoblaydi (standart: 0)" markerWidth="markerning kengligi (standart: 3)" markerHeight="markerning balandligi (standart: 3)" viewBox="ushbu SVG chizish maydonida "ko‘rinadigan" nuqtalar. Bo‘sh joy yoki vergul bilan ajratilgan 4 ta qiymat. (min x, min y, kenglik, balandlik)" |
Misollar |
| <mask> | Joriy obyektni fonga kompozitsiya qilish uchun alfa niqobini belgilaydi. Niqoblash — shaffoflik qiymatlari va kesishning birikmasi. Kesishdagi kabi, niqob qismlarini belgilash uchun shakllar, matn yoki yo‘llardan foydalanish mumkin. Niqobning standart holati to‘liq shaffof bo‘lib, bu kesish tekisligiga qarama-qarshidir. Niqobdagi grafika niqob qismlari qanchalik noshaffof bo‘lishini belgilaydi | maskUnits="'userSpaceOnUse' yoki 'objectBoundingBox'. Kesish tekisligi butun ko‘rish maydoniga (viewport) yoki obyektga nisbatan bo‘lishini belgilaydi (standart: 'objectBoundingBox')" maskContentUnits="Niqob grafikasi pozitsiyalarini obyektga nisbatan qilish uchun ikkinchi qiymatdan foizlar bilan foydalaning. 'userSpaceOnUse' yoki 'objectBoundingBox' (standart: 'userSpaceOnUse')" x="niqobning kesish tekisligi (standart: -10%)" y="niqobning kesish tekisligi (standart: -10%)" width="niqobning kesish tekisligi (standart: 120%)" height="niqobning kesish tekisligi (standart: 120%)" |
Misollar |
| <metadata> | SVG kontentiga metama’lumotlar biriktiradi | ||
| <mpath> | <animateMotion> elementining quyi elementi bo‘lib, harakat yo‘li ta’rifi sifatida tashqi <path> elementiga murojaat qilish imkonini beradi | ||
| <path> | Shaklni belgilaydi | d="yo‘lning shaklini o‘rnatadi" pathLength="yo‘lning umumiy uzunligi" |
Misollar |
| <pattern> | x va y koordinatalari bo‘yicha muntazam oraliqlarda qayta chizilishi mumkin bo‘lgan obyektni belgilaydi | id="ushbu naqshga murojaat qilish uchun ishlatiladigan yagona id." Majburiy. patternUnits="'userSpaceOnUse' yoki 'objectBoundingBox'. Ikkinchi qiymat x, y, width, height birliklarini naqshdan foydalanadigan obyekt chegaralovchi to‘rtburchagining (bounding box) ulushi (yoki %) qiladi." patternContentUnits="'userSpaceOnUse' yoki 'objectBoundingBox'" patternTransform="butun naqshni transformatsiya qilish imkonini beradi" x="naqshning yuqori chap burchakdan siljishi (standart: 0)" y="naqshning yuqori chap burchakdan siljishi. (standart: 0)" width="naqsh plitkasining kengligi (standart: 0)" height="naqsh plitkasining balandligi (standart: 0)" viewBox="ushbu SVG chizish maydonida "ko‘rinadigan" nuqtalar. Bo‘sh joy yoki vergul bilan ajratilgan 4 ta qiymat. (min x, min y, kenglik, balandlik)" href preserveAspectRatio |
Misollar |
| <polygon> | Kamida uchta tomonga ega grafika yaratadi. Ko‘pburchaklar to‘g‘ri chiziqlardan tashkil topadi va shakl "yopiq" bo‘ladi | points="Ko‘pburchak nuqtalarining ro‘yxati. Har bir nuqta x va y koordinataga ega bo‘lishi shart". Majburiy. |
Misollar |
| <polyline> | Faqat to‘g‘ri chiziqlardan iborat har qanday shaklni belgilaydi. Shakl ochiq bo‘ladi | points="Ko‘pburchak nuqtalarining ro‘yxati. Har bir nuqta x koordinata va y koordinataga ega bo‘lishi shart". Majburiy. | Misollar |
| <radialGradient> | Radial gradientni belgilaydi | id="gradient uchun yagona id". Majburiy cx="Radial gradient oxirgi aylanasining x pozitsiyasi". Standart qiymat — 50% cy="Radial gradient oxirgi aylanasining y pozitsiyasi". Standart qiymat — 50% fr="Radial gradient boshlang‘ich aylanasining radiusi". Standart qiymat — 0% fx="Radial gradient boshlang‘ich aylanasining x pozitsiyasi". Standart qiymat — 50% fy="Radial gradient boshlang‘ich aylanasining y pozitsiyasi". Standart qiymat — 50% r="Radial gradient oxirgi aylanasining radiusi". Standart qiymat — 50% spreadMethod="Gradientning yoyilish usulini belgilaydi". Mumkin bo‘lgan qiymatlar: "pad", "reflect", "repeat". Standart qiymat — "pad" href="Shablon sifatida ishlatiladigan boshqa <radialGradient> elementiga havolani belgilaydi" gradientUnits="cx, cy, r, fx, fy, fr uchun koordinatalar tizimini belgilaydi". Mumkin bo‘lgan qiymatlar: "userSpaceOnUse" va "objectBoundingBox". Standart qiymat — "objectBoundingBox" gradientTransform="Gradient koordinatalar tizimiga qo‘shimcha transformatsiyani belgilaydi" |
Misollar |
| <rect> | To‘rtburchakni belgilaydi | width="to‘rtburchakning kengligi". Majburiy. height="to‘rtburchakning balandligi" Majburiy. x="to‘rtburchak yuqori chap burchagining x pozitsiyasi" y="to‘rtburchak yuqori chap burchagining y pozitsiyasi" rx="To‘rtburchak burchaklarining x radiusi (burchaklarni yumaloqlash uchun ishlatiladi)". Standart qiymat — 0 ry="To‘rtburchak burchaklarining y radiusi (burchaklarni yumaloqlash uchun ishlatiladi)". Standart qiymat — 0 pathLength="to‘rtburchak perimetrining umumiy uzunligi" |
Misollar |
| <script> | SVG’dagi skriptlar uchun konteyner | crossorigin="HTML <script> elementidagi kabi CORS sozlamalarini belgilaydi" href="Yuklanadigan skriptning URL manzili" type="Ishlatiladigan skript tilining turi". Standart qiymat — application/ecmascript |
Misollar |
| <set> | Atribut qiymatini belgilangan davomiylik uchun o‘rnatadi | attributeName="o‘zgartiriladigan atribut" to="atribut uchun yangi qiymat" begin="effekt qachon boshlanishi kerakligi" |
|
| <stop> | Chiziqli yoki radial gradient uchun to‘xtash nuqtalari | offset="ushbu to‘xtash nuqtasining siljishi (0 dan 1 gacha / 0% dan 100% gacha)". Majburiy. stop-color="ushbu to‘xtash nuqtasining rangi" stop-opacity="ushbu to‘xtash nuqtasining shaffoflik darajasi (0 dan 1 gacha)". Standart qiymat — 1 |
Misollar |
| <style> | Uslublar jadvallarini (style sheets) to‘g‘ridan-to‘g‘ri SVG ichiga joylashtirish imkonini beradi | type="Ishlatiladigan uslublar jadvali tilining turi". Standart qiymat — text/css. media ="Uslub qaysi media turiga qo‘llanishi". Standart qiymat — all title="Uslublar jadvalining sarlavhasi (muqobil uslublar jadvallari orasida almashish uchun ishlatilishi mumkin)" |
|
| <svg> | SVG grafikasi uchun konteyner | xmlns="http://www.w3.org/2000/svg" x="SVG konteynerining x pozitsiyasi". Standart qiymat — 0 y="SVG konteynerining y pozitsiyasi". Standart qiymat — 0 width="SVG konteynerining kengligi". Standart qiymat — auto height="SVG konteynerining balandligi". Standart qiymat — auto viewBox="Joriy SVG fragmenti uchun SVG ko‘rish maydoni (viewport) koordinatalari". Bo‘sh joy yoki vergul bilan ajratilgan 4 ta qiymatdan iborat. (min x, min y, kenglik, balandlik)" preserveAspectRatio="SVG fragmenti boshqa tomonlar nisbatida ko‘rsatilganda qanday deformatsiyalanishi". Qiymati none| xMinYMin| xMidYMin| xMaxYMin| xMinYMid| xMidYMid| xMaxYMid| xMinYMax| xMidYMax| xMaxYMax bo‘lishi mumkin. Standart qiymat — xMidYMid |
|
| <switch> | |||
| <symbol> | <use> elementi orqali nusxasi yaratilishi mumkin bo‘lgan grafik shablon obyektlarini belgilaydi | ||
| <text> | Matnni belgilaydi | x="Matn boshlanishining x pozitsiyasi". Standart qiymat — 0 y="Matn boshlanishining y pozitsiyasi". Standart qiymat — 0 dx="Matnning gorizontal siljish pozitsiyasi (oldingi matn pozitsiyasiga nisbatan)" dy="Matnning vertikal siljish pozitsiyasi (oldingi matn pozitsiyasiga nisbatan)" rotate="Matnning har bir harfiga qo‘llaniladigan aylantirish (gradusda)" textLength="Matn sig‘ishi kerak bo‘lgan kenglik" lengthAdjust"textLength atributi belgilagan kenglikka sig‘ishi uchun matn qanday siqilishi yoki cho‘zilishi kerakligi". Qiymati spacing| spacingAndGlyphs bo‘lishi mumkin. Standart qiymat — spacing |
Misollar |
| <textPath> | Matnni yo‘l shakli bo‘ylab chizadi (render qiladi) | href="Matn bo‘ylab chiziladigan yo‘lning URL manzili" lengthAdjust"textLength atributi belgilagan kenglikka sig‘ishi uchun matn qanday siqilishi yoki cho‘zilishi kerakligi". Qiymati spacing| spacingAndGlyphs bo‘lishi mumkin. Standart qiymat — spacing method="Gliflarni yo‘l bo‘ylab qanday chizish kerakligi." Qiymati align|stretch bo‘lishi mumkin. Standart qiymat — align spacing="Gliflar orasidagi masofa". Qiymati auto|exact bo‘lishi mumkin. Standart qiymat — exact startOffset="Matn boshlanishi yo‘l boshidan qancha masofaga siljitilishi kerakligi". Uzunlik, foiz yoki son bo‘lishi mumkin textLength="Yo‘l bo‘ylab joylashgan matnning kengligi". Uzunlik, foiz yoki son bo‘lishi mumkin. Standart qiymat — auto |
Misollar |
| <title> | SVG’dagi elementlar uchun matnli tavsif — grafikaning bir qismi sifatida ko‘rsatilmaydi. Brauzerlar odatda bu matnni qalqib chiquvchi maslahat (tooltip) sifatida ko‘rsatadi | yo‘q | |
| <tspan> | <text> elementi ichidagi qism matnni belgilaydi | x="Matn boshlanishining x pozitsiyasi". Standart qiymat — 0 y="Matn boshlanishining y pozitsiyasi". Standart qiymat — 0 dx="Matnning gorizontal siljish pozitsiyasi (oldingi matn pozitsiyasiga nisbatan)" dy="Matnning vertikal siljish pozitsiyasi (oldingi matn pozitsiyasiga nisbatan)" rotate="Matnning har bir harfiga qo‘llaniladigan aylantirish (gradusda)" textLength="Matn sig‘ishi kerak bo‘lgan kenglik" lengthAdjust"textLength atributi belgilagan kenglikka sig‘ishi uchun matn qanday siqilishi yoki cho‘zilishi kerakligi". Qiymati spacing| spacingAndGlyphs bo‘lishi mumkin. Standart qiymat — spacing |
Misollar |
| <use> | SVG hujjatidagi tugunni olib, uni boshqa joyda takrorlaydi (nusxalaydi). | x="Nusxalangan element yuqori chap burchagining x pozitsiyasi" y="Nusxalangan element yuqori chap burchagining y pozitsiyasi" width="nusxalangan elementning kengligi" height="nusxalangan elementning balandligi" href="nusxalanadigan elementning URL manzili" |
|
| <view> | Grafikani qanday ko‘rish kerakligi (kattalashtirish darajasi yoki batafsil ko‘rinish) | viewBox="SVG ko‘rish maydonining (viewport) foydalanuvchi fazosidagi pozitsiyasi va o‘lchamlari. Bo‘sh joy yoki vergul bilan ajratilgan 4 ta qiymatdan iborat. (min x, min y, kenglik, balandlik)" preserveAspectRatio="Muayyan tomonlar nisbatini beruvchi viewBox’ga ega element boshqa tomonlar nisbatiga ega ko‘rish maydoniga qanday sig‘dirilishi kerakligi" |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!