在SVG中有两种截然不同的文本模式. 一种是写在图像中的文本,另一种是SVG字体。关于后者我们将在教程的后面进行讲解,现在我们主要集中前者:写在图像中的文本。
在一个SVG文档中,元素内部可以放任何的文字。
    <text x="100" y="100"> 当中的x和y的值都可以对文本进行定位

e.g.

    Hello World!


    可以有这些值:start、middle、end或inherit,允许决定从这一点开始的文本流的方向。

字体属性

font-family、font-style、font-weight、font-variant、 font-stretch、font-size、font-size-adjust、kerning、 letter-spacing、word-spacing和text-decoration

tspan

该元素用来标记大块文本的子部分,它必须是一个text元素或别 的tspan元素的子元素。一个典型的用法是把句子中的一个词变 成粗体红色。 tspan元素有以下的自定义属性: x 为容器设置一个新绝对x坐标。它覆盖了默认的当前的文本位置。 这个属性可以包含一个数列,它们将一个一个地应用到tspan元素 内的每一个字符上。 dx 从当前位置,用一个水平偏移开始绘制文本。这里,你可以提供一 个值数列,可以应用到连续的字体,因此每次累积一个偏移。 此外还有属性y和属性dy作垂直转换。 rotate 把所有的字符旋转一个角度。如果是一个数列,则使每个字符旋转 分别旋转到那个值,剩下的字符根据最后一个值旋转。 textLength 这是一个很模糊的属性,给出字符串的计算长度。它意味着如果它 自己的度量文字和长度不满足这个提供的值,则允许渲染引擎精细 调整字型的位置。 tref tref元素允许引用已经定义的文本,高效地把它复制到当前位 置。你可以使用xlink:href属性,把它指向一个元素,取得其文 本内容。你可以独立于源样式化它、修改它的外观。 This text follows a curve. $10 $80 January 2014 April





Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis mollis mi ut ultricies. Nullam magna ipsum, porta vel dui convallis, rutrum imperdiet eros. Aliquam erat volutpat.