SVG matn/tspan

SVG matn - <text>

<text> elementi matn belgilash uchun ishlatiladi.

<text> elementida matnni joylashtirish va aylantirish uchun yettita asosiy atribut bor:

Atribut	Tavsif
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

SVG yordamida oddiy matn yozing:

SVG kodi quyidagicha:

To‘ldirilmagan, faqat konturli (stroke) matn:

SVG kodi quyidagicha:

To‘ldirilgan va konturli (stroke) matn:

SVG kodi quyidagicha:

rotate atributi yordamida matnning har bir harfini ma’lum gradusga aylantiring:

SVG kodi quyidagicha:

transform atributi yordamida butun matnni aylantiring:

SVG kodi quyidagicha:

<tspan> elementi matnning ayrim qismlarini belgilash uchun ishlatiladi (xuddi HTML’dagi <span> elementi kabi).

<tspan> elementi <text> elementining yoki boshqa <tspan> elementining farzand elementi bo‘lishi shart.

<tspan> elementida matnni joylashtirish va aylantirish uchun oltita asosiy atribut bor:

Atribut	Tavsif
x	tspan’dagi matn boshlanishi uchun yangi mutlaq x pozitsiyani o‘rnatadi
y	tspan’dagi matn boshlanishi uchun yangi mutlaq y pozitsiyani o‘rnatadi
dx	tspan’dagi matnning gorizontal siljish pozitsiyasi (oldingi matn pozitsiyasiga nisbatan)
dy	tspan’dagi matnning vertikal siljish pozitsiyasi (oldingi matn pozitsiyasiga nisbatan)
rotate	tspan’dagi matnning har bir harfiga qo‘llaniladigan aylantirish (gradusda)
textLength	tspan’dagi matn sig‘ishi kerak bo‘lgan kenglik

<tspan> elementini <text> elementi ichida ishlatish:

SVG kodi quyidagicha:

Yutuqlaringizni kuzating – bu bepul!