php生成svg文字图形,SVG基础|绘制SVG文字

我们可以使用SVG 的元素来在SVG图像上绘制文字。下面是一个简单的例子：

这里是SVG文字

这个例子中定义一个位于x=20，y=40位置的文本。文字显示为“这里是SVG文字”。下面是它的返回结果：

这里是SVG文字

文字的定义

在深入了解SVG文字之前，先来看看下面的三个定义：Glyphs：Glyphs是字母或符号的视觉表现。例如，因为字母“a”有多种不同的视觉表现方式，所以可以使用不同的Glyphs来绘制它。

Fonts：Fonts代表字体，它是glyphs的集合，可以用于表现一组字母或符号。

Characters：Characters是代表一个字母或符号的二进制数字。一个character可以使用1个或多个字节来表示。一个characters在被计算机渲染的时候，会将它映射为字体中的一个符号。

文字的位置

SVG文字的位置有元素的x和y属性来决定。x属性决定文字的左边部位置(文字的开始位置)，y属性决定文字的下边部位置(注意这里不是上边部)。文字的y属性定位不同于其它SVG元素，如直线，矩形和其它图形。下面的例子显示了一串文字和一条直线，它们的y属性都是40：

观察直线位于文字的位置

注意观察，文字的y属性位于文字的下边，而不是上边。

Text Anchor

文字的anchor决定哪个部分的文字放置在text元素中的x属性定义的位置。默认的anchor是文字左边部，即文字的开始处。你也可以将anchor设置为middle，使它位于文字的中间，设置为end，使它位于文字的右边。

要设置文字的ancho