Question

我正在创建一个HTML 5站点，使用Keith Wood的JQuery SVG库在SVG中执行某种形式的图表。

我希望能够在SVG画布上绘制简单的文字 - 没有什么特别的标准文本（例如文字或标题文本），在本网站上作为实际SVG提供示例。

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

我查看了Jquery库网站上的API参考，我得到的是一个绘制波浪文本的复杂示例，我对此不感兴趣。

有人能给我一个关于如何使用库API编写文本的简单示例吗？

Answer 1

以下是几个简单的jQuery SVG Text示例：

    // 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

JQuery SVG绘图文本

2 个答案: