Javascript HTML5画布-文本到多边形

我需要创建一个点（多边形）数组，用Javascript表示画布上字符串的轮廓。与Java2D形状API类似，您可以从文本中创建多边形对象

---

关于如何进行此操作，有什么想法吗？

我不知道有哪个库可以直接将字符图示符转换为画布路径

但是，是的，这里有一个想法是可行的，但它不是很直接

使用Adobe Illustrator将文本字符转换为路径轮廓

然后使用ai->canvas将Illustrator路径转换为Html画布路径

顺便说一句，ai->canvas是一个非常棒的库——迈克·斯旺森的荣誉：

您可以在此处获取图书馆：

---

如果您想要的字体提供svg版本，您可以使用上一篇文章中的信息来避免Illustrator步骤：

您可能想要签出typeface.js。这包括将true type字体转换为可以由canvas或webgl呈现的字形数据的工具。

Ok，那么你的建议是基本上将每个不同的字符（a-z）存储为静态多边形数据，然后，当您“请求”单词的多边形时，它会将单词的所有字符映射到存储的字符多边形数据，并返回静态多边形数据结构数组。漂亮，是的！对人类来说是乏味的——对计算机来说是微不足道的。当然，如果你有特定的单词/句子想要矢量化，你可以在单词/句子组中进行。