获取字体向量

Question

我正在尝试使用Javascript中的字体轮廓，但是如果不能从字符中获取向量，我就无法继续前进。有没有办法检索这些信息并使用它？有没有这方面的例子？

Paper.JS似乎非常方便，但我没有找到任何字体示例。

Answer 1

没有直接的方法可以从JavaScript中的字符中检索形状。我怀疑这是因为字体渲染不是由浏览器直接完成的。此任务通常委托给像cario这样的第三方库。

您可以在SVG编辑器中创建文本，例如Inkscape，将文本转换为路径（Path→Object to Path）并通过JavaScript操作它们。

使用SVG Fonts似乎也是一种方法。这基本上是一个保存所有字符形状的SVG文件。您可以将其作为XML加载到HTML / JavaScript设置中，并从那里处理字符形状。 Font Squirrel有一个用于制作@ font-face工具包的生成器。它还包括存档中字体的SVG版本。