JQuery SVG Рисование текста

Question

Я создаю сайт HTML 5, который выполняет некоторую форму диаграмм в SVG с использованием библиотеки JQuery SVG Кейта Вуда.

Я хотел бы иметь возможность рисовать простой текст на холсте SVG - ничего особенногопросто стандартный текст (то есть, как слово или текст заголовка), который приведен в качестве примеров на этом сайте в качестве фактического SVG.

http://www.kevlindev.com/tutorials/basics/text/svg/index.htm

Я посмотрел ссылку на API в библиотеке Jquerysite и все, что я получаю, - это сложный пример рисования волнистого текста, который меня не интересует.

Может кто-нибудь дать мне простой пример того, как я пишу текст с использованием API библиотеки?

Answer 1

Вот пара простых jQuery SVG Текстовые примеры:

    // Simple jQuery SVG Text examples
    var g = svg.group(
        {fontWeight: 'bold', fontSize: '32.5', fill: 'salmon'}
    ); 
    svg.text(g, 10, 40, "Here's an example of SVG Text");         
    svg.text(g, 10, 80, "in an SVG 'group' wrapper"); 

    svg.text( 10, 130, "and without a wrapper (as an svg root)", 
        {fontWeight: 'bold', fontSize: '32.5', fill: 'gold'}
    ); 

Answer 2

Я недавно рассказал об этом на своем сайте, и пример волнистого текста включает в себя textpath и .spam Сначала удалите ссылки .spam Во-вторых, путь к тексту используется для управления начальным расположением букв в предложении, поиграйте с текстовым путем, сделав его простой плоской линией. Поэкспериментируйте с путями, изучая опции на страницах W3C SVG Извините правописание iPod