JQuery SVG绘图文本

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

我希望能够在SVG画布上绘制简单的文本 - 没有任何花哨的标准文本（即像文字或标题文本），在本网站上以实际SVG为例。

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

我已经看过了jQuery库网站的API参考和我得到的是绘画，我没兴趣波浪文本的复杂的例子。

谁能给我一个简单的我如何使用库API编写文本的例子？

2011-11-06 CDrnly

这里有几个简单的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'} 
    );

来源

2012-05-22 00:16:55

是什么之间的差异2个文本方法：1st - 其中'g'作为第一个参数，第二个 - 将数组作为第四个参数...？如果我用户第一个它将始终将文本下方的其他图形（http://stackoverflow.com/questions/20851768/jquerysvg-how-to-position-text-on-top-of-circle/20852171?iemail=1&noredirect = 1＃20852171） – Budda

区别在于第一个使用Raphael的svg.group（）创建一个组对象，并初始化该组通用的属性。然后，svgtext（）调用在向对象添加文本字符串及其x，y位置时引用对象'g'。因此，不需要为每个字符串初始化属性。第二种方法不引用组对象，因此每个调用都必须包含任何相关的属性值。至于其上面或下面其他Raphael元素分层，请参阅：http://stackoverflow.com/questions/6566406/svg-re-ordering-z-index-raphael-optional –

我最近报道这在我的网站和波浪文字示例包括textpath和.spam 首先拆下.spam引用二文本路径来控制的字母中的一句话初始位置，播放与textpath使其成为一个简单的平面线实验与路径通过探索期权W3C的SVG网页借口拼写的iPod

来源

2011-11-06 20:59:22 Chasbeen

JQuery SVG绘图文本

回答

相关问题