Текст
Расположение текста на кривой в Corel Draw и SVG
Читатели, знакомые с программой Corel Draw, несомненно, обратили внимание на возможность SVG – графики создавать текст с привязкой к траектории, поскольку такая опция есть в самой программе. Посмотрим на код, который генерирует Corel Draw при создании подобного SVG – рисунка. Выбираем инструмент рисования Безье (рис. 4.5) и проводим несколько линий.
Выделяем созданный объект, в главном меню программы переходим "Text – Fit Text To Path" (рис. 4.6):
Вводим текст – он размещается на траектории, затем экспортируем рисунок (рис. 4.7):
Внимательно изучив созданный код, замечаем, что расположение текста на кривой достигается заданием абсолютных координат каждой буквы и ее поворотом (фрагмент кода TextOnAPathCorelDraw.svg):
<text x="2.07099" y="4.97302" class="fil1 fnt0"> <tspan rotate="407">T</tspan> </text> <text x="2.64671" y="5.59955" class="fil1 fnt0"> <tspan rotate="401">e</tspan> </text> <text x="3.35142" y="6.20915" class="fil1 fnt0"> <tspan rotate="391">x</tspan> </text> <text x="4.16422" y="6.68328" class="fil1 fnt0"> <tspan rotate="382">t</tspan> </text> <text x="4.58388" y="6.86955" class="fil1 fnt0"> <tspan rotate="373"> </tspan> </text> <text x="13.872" y="2.80555" class="fil1 fnt0"> <tspan rotate="373">t</tspan> </text> <text x="5.03741" y="7.02195" class="fil1 fnt0"> <tspan rotate="364">o</tspan> </text> <text x="5.97918" y="7.07275" class="fil1 fnt0"> <tspan rotate="349">n</tspan> </text> <text x="6.90402" y="6.85261" class="fil1 fnt0"> <tspan rotate="337"> </tspan> </text> <text x="7.34061" y="6.66635" class="fil1 fnt0"> <tspan rotate="327">a</tspan> </text> <text x="8.11305" y="6.14141" class="fil1 fnt0"> <tspan rotate="318"> </tspan> </text> <text x="9.82499" y="4.26182" class="fil1 fnt0"> <tspan rotate="318">t</tspan> </text> <text x="8.46497" y="5.81968" class="fil1 fnt0"> <tspan rotate="314">P</tspan> </text> <text x="9.22189" y="4.98995" class="fil1 fnt0"> <tspan rotate="310">a</tspan> </text> <text x="10.16" y="3.94009" class="fil1 fnt0"> <tspan rotate="322">h</tspan> </text>4.7.
Вывод, который мы делаем – Corel Draw не может генерировать код с корректным отображением привязки текста к траектории.
В этой лекции мы рассмотрели основные элементы и атрибуты SVG – графики для работы с текстом. Применение фильтров (см. "Фильтры. Часть I" и "Фильтры. Часть II" ) к тексту позволяет получать дополнительные эффекты – тень, размытие, текстуры.