我正在尝试使用Javascript玩弄字体的轮廓,但在无法获取字符向量的情况下无法继续前进。有没有办法检索此信息并使用它?有没有类似操作的示例? Paper.JS 似乎非常方便,但我没有找到任何字体示例。
在JavaScript中,没有直接从字符检索形状的方法。我怀疑这是因为浏览器并不直接执行字体渲染。通常将此任务委托给第三方库,例如cairo。您可以在SVG编辑器(如Inkscape)中创建文本,将文本转换为路径(Path → Object to Path),然后通过JavaScript进行操作。使用SVG Fonts也似乎是一种方法。这基本上是一个保存所有字符形状的SVG文件。您可以将其作为XML加载到HTML / JavaScript设置中,并从那里处理字符形状。 Font Squirrel具有用于制作@font-face套件的生成器。它还在存档中包含字体的SVG版本。