javascript-获取字体矢量图

我正在尝试使用Javascript中的字体轮廓,但是如果不能从字符中获取矢量,就无法前进.有什么方法可以检索和使用此信息？这样的例子吗？

Paper.JS似乎很方便,但是我还没有找到任何字体示例.

解决方法:

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

您可以在SVG编辑器(例如Inkscape)中创建文本,将文本转换为路径(“路径→对象到路径”),然后通过JavaScript对其进行操作.

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

标签：fonts,frontend,vector-graphics,javascript
来源： https://codeday.me/bug/20191208/2088373.html