获取字体向量

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版本。