SVG rasm
SVG rasm - <image>
<image> elementi SVG ichiga rasm joylashtirish uchun ishlatiladi.
SVG dasturiy ta’minoti JPEG, PNG va boshqa SVG fayllarini qo‘llab-quvvatlashi shart.
<image> elementida rasmni joylashtirish va shaklini belgilash uchun bir nechta asosiy atribut bor:
| Atribut | Tavsif |
|---|---|
| width | Majburiy. Rasmning kengligi |
| height | Majburiy. Rasmning balandligi |
| href | Majburiy. Rasmning URL manzili |
| x | Rasm yuqori chap burchagining x pozitsiyasi |
| y | Rasm yuqori chap burchagining y pozitsiyasi |
Rasm joylashtirish
Bu yerda SVG ichiga .jpg rasm joylashtiramiz:
SVG kodi quyidagicha:
Misol
<svg height="200" width="300" xmlns="http://www.w3.org/2000/svg">
<image height="200" width="300" href="pulpitrock.jpg" />
</svg>
O‘zingiz sinab ko‘ring »
Kod izohi:
heightatributi rasmning balandligini belgilaydiwidthatributi rasmning kengligini belgilaydihrefatributi rasmning URL manzilini belgilaydi
Biroz grafika qo‘shamiz
Bu yerda rasmni ko‘k aylana ustida ko‘rsatamiz va rasm ostiga matn qo‘shamiz:
SVG kodi quyidagicha:
Misol
<svg height="250" width="300" xmlns="http://www.w3.org/2000/svg">
<circle r="105" cx="150" cy="120" fill="lightblue" />
<image x="0" y="60" width="300" height="100" href="pulpitrock.jpg" />
<text x="84" y="180" fill="black">Pulpit Rock, Norway</text>
</svg>
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!