SVG ellips
SVG ellips - <ellipse>
<ellipse> elementi ellips yaratish uchun ishlatiladi.
Ellips aylanaga juda yaqin shakl. Farqi shundaki, ellipsning x va y radiuslari bir-biridan farq qiladi, aylanada esa x va y radiuslari teng bo‘ladi.
<ellipse> elementida ellipsni joylashtirish va uning o‘lchamini belgilash uchun to‘rtta asosiy atribut bor:
| Atribut | Tavsif |
|---|---|
| rx | Majburiy. Ellipsning x radiusi |
| ry | Majburiy. Ellipsning y radiusi |
| cx | Ellips markazining x o‘qidagi koordinatasi. Standart qiymat — 0 |
| cy | Ellips markazining y o‘qidagi koordinatasi. Standart qiymat — 0 |
SVG ellips
Quyidagi misolda ellips yaratiladi:
SVG kodi quyidagicha:
Misol
<svg height="140" width="500" xmlns="http://www.w3.org/2000/svg">
<ellipse rx="100" ry="50" cx="120" cy="80"
style="fill:yellow;stroke:green;stroke-width:3" />
</svg>
O‘zingiz sinab ko‘ring »
Kod izohi:
rxatributi x (gorizontal) radiusni belgilaydiryatributi y (vertikal) radiusni belgilaydicxatributi ellips markazining x o‘qidagi koordinatasini belgilaydicyatributi ellips markazining y o‘qidagi koordinatasini belgilaydi
Uchta ellips
Quyidagi misolda bir-birining ustida joylashgan uchta ellips yaratiladi:
SVG kodi quyidagicha:
Misol
<svg height="150" width="500" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="240" cy="100" rx="220" ry="30" fill="purple" />
<ellipse cx="220" cy="70" rx="190" ry="20" fill="lime" />
<ellipse cx="210" cy="45" rx="170" ry="15" fill="yellow" />
</svg>
O‘zingiz sinab ko‘ring »
Ikkita ellips
Quyidagi misolda ikkita ellips (biri sariq, biri oq) birlashtiriladi:
SVG kodi quyidagicha:
Misol
<svg height="100" width="500" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="240" cy="50" rx="220" ry="30" fill="yellow" />
<ellipse cx="220" cy="50" rx="190" ry="20" fill="white" />
</svg>
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!