19、SVG 基础与使用 Perl 生成 SVG 幻灯片

SVG 基础与使用 Perl 生成 SVG 幻灯片

1. SVG 基本文本元素

SVG 中的文本元素用于在画布上绘制字符串。所有可应用于形状元素的填充、描边和变换操作，同样适用于文本元素。

文本元素的基线位于其 x 和 y （或 transform ）属性指定的起始坐标处，该点成为当前文本点。随着字符串中每个字形的绘制，当前文本点会沿文本方向移动该字形的宽度。可以使用 direction 、 glyph - orientation - horizontal 和 glyph - orientation - vertical 属性调整文本的方向。当遇到 </text> 标签时，当前文本点会重置为原点（或任何包含 <g> 元素的原点）。

若要在单个文本元素中间更改文本属性，可使用 <tspan> 标签。此标签还可用于在单个 <text> 元素中渲染多行文本，示例如下：

<svg width="400"
     height="200"
     xmlns="http://www.w3.org/2000/svg">
  <desc>Hobo poetry</desc>
  <text x="200" y="50"