【发布时间】：2013-04-18 10:49:29
【问题描述】：
我需要创建一个点数组（多边形），这些点表示在 Javascript 中绘制到画布上的字符串的轮廓。类似于 Java 2D Shape API，您可以在其中从文本创建多边形对象。
对我该如何做这件事有什么想法吗？
【问题讨论】：
标签： javascript html canvas
【发布时间】：2013-04-18 10:49:29
【问题描述】：
我不知道有任何库可以将字符字形直接转换为画布路径。
但是，是的，这是一个可行的想法，但不是很直接。
使用 Adobe Illustrator 将文本字符转换为路径轮廓。
然后使用ai->canvas将Illustrator路径转换为Html Canvas路径
顺便说一句，ai->canvas 是一个令人惊叹的库！ -- 感谢 Mike Swanson：
你可以在这里获取图书馆：http://blog.mikeswanson.com/post/29634279264/ai2canvas
如果您想要的字体提供 svg 版本，您可以使用上一篇文章中的信息避免 Illustrator 步骤：How to convert text to SVG paths?
【讨论】：
-
好的，所以§你的建议基本上是将每个不同的字符（a - z）存储为静态多边形数据，然后当你“请求”一个单词的多边形时，它会映射所有字符该单词存储字符多边形数据并返回静态多边形数据结构数组。漂亮。
-
是的！对人类来说很乏味——对计算机来说微不足道。当然，如果您有特定的单词/句子要向量化，您可以在单词/句子组中进行。
您可能想结帐typeface.js。这包括将 True Type 字体转换为可由 canvas 或 webgl 呈现的字形数据的工具。
【讨论】：