SVG aylana
SVG aylana - <circle>
<circle> elementi aylana yaratish uchun ishlatiladi.
<circle> elementida aylanani joylashtirish va uning o‘lchamini belgilash uchun uchta asosiy atribut bor:
| Atribut | Tavsif |
|---|---|
| r | Majburiy. Aylananing radiusi |
| cx | Aylana markazining x o‘qidagi koordinatasi. Standart qiymat — 0 |
| cy | Aylana markazining y o‘qidagi koordinatasi. Standart qiymat — 0 |
SVG aylana
Quyidagi misolda aylana yaratiladi:
SVG kodi quyidagicha:
Misol
<svg height="100" width="100" xmlns="http://www.w3.org/2000/svg">
<circle r="45" cx="50" cy="50" fill="red" />
</svg>
O‘zingiz sinab ko‘ring »
Kod izohi:
ratributi aylananing radiusini belgilaydicxvacyatributlari aylana markazining x va y o‘qlaridagi koordinatalarini belgilaydi. Agar ular ko‘rsatilmasa, aylana markazi (0,0) ga o‘rnatiladifillatributi aylananing rangini belgilaydi
Chegarali SVG aylana
Quyidagi misolda chegarali aylana yaratiladi:
SVG kodi quyidagicha:
Misol
<svg height="100" width="100" xmlns="http://www.w3.org/2000/svg">
<circle r="45" cx="50" cy="50" fill="red" stroke="green" stroke-width="3" />
</svg>
O‘zingiz sinab ko‘ring »
Kod izohi:
strokeatributi aylana atrofidagi chegaraning rangini belgilaydistroke-widthatributi aylana atrofidagi chegaraning qalinligini belgilaydi
Yarim shaffof SVG aylana
Quyidagi misolda yarim shaffof aylana yaratiladi:
SVG kodi quyidagicha:
Misol
<svg height="100" width="100" xmlns="http://www.w3.org/2000/svg">
<circle r="45" cx="50" cy="50" fill="red" stroke="green" stroke-width="3" opacity="0.5" />
</svg>
O‘zingiz sinab ko‘ring »
Kod izohi:
opacityatributi aylananing shaffoflik darajasini belgilaydi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!