SVG chiziq
SVG chiziq - <line>
<line> elementi chiziq yaratish uchun ishlatiladi.
<line> elementi boshlang‘ich pozitsiya (x1,y1) va oxirgi pozitsiya (x2,y2) orasida chiziq hosil qiladi.
<line> elementida chiziqni joylashtirish va uning uzunligini belgilash uchun to‘rtta asosiy atribut bor:
| Atribut | Tavsif |
|---|---|
| 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 |
SVG chiziq
Quyidagi misolda (0,0) pozitsiyadan (300,200) pozitsiyagacha chiziq yaratiladi:
SVG kodi quyidagicha:
Misol
<svg height="200" width="300" xmlns="http://www.w3.org/2000/svg">
<line x1="0" y1="0" x2="300" y2="200" style="stroke:red;stroke-width:2" />
</svg>
O‘zingiz sinab ko‘ring »
Kod izohi:
<x1>va<y1>atributlari chiziqning boshlanish nuqtasini (0,0) belgilaydi<x2>va<y2>atributlari chiziqning tugash nuqtasini (300,200) belgilaydi
Gorizontal chiziq
Quyidagi misolda (0,10) pozitsiyadan (250,10) pozitsiyagacha qalin gorizontal chiziq yaratiladi:
SVG kodi quyidagicha:
Misol
<svg height="50" width="300" xmlns="http://www.w3.org/2000/svg">
<line x1="0" y1="10" x2="250" y2="10" style="stroke:red;stroke-width:12" />
</svg>
O‘zingiz sinab ko‘ring »
Kod izohi:
<x1>va<y1>atributlari chiziqning boshlanish nuqtasini (0,10) belgilaydi<x2>va<y2>atributlari chiziqning tugash nuqtasini (250,10) belgilaydi
Vertikal chiziq
Quyidagi misolda (0,0) pozitsiyadan (0,200) pozitsiyagacha qalin vertikal chiziq yaratiladi:
SVG kodi quyidagicha:
Misol
<svg height="210" width="300" xmlns="http://www.w3.org/2000/svg">
<line x1="0" y1="0" x2="0" y2="200" style="stroke:red;stroke-width:14" />
</svg>
O‘zingiz sinab ko‘ring »
Kod izohi:
<x1>va<y1>atributlari chiziqning boshlanish nuqtasini (0,0) belgilaydi<x2>va<y2>atributlari chiziqning tugash nuqtasini (0,200) belgilaydi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!