我需要创建一个点数组(多边形),这些点表示在 Javascript 中绘制到画布上的字符串的轮廓。类似于 Java 2D Shape API,您可以在其中从文本创建多边形对象。
关于我如何去做这件事的任何想法?
我需要创建一个点数组(多边形),这些点表示在 Javascript 中绘制到画布上的字符串的轮廓。类似于 Java 2D Shape API,您可以在其中从文本创建多边形对象。
关于我如何去做这件事的任何想法?
我不知道有任何库可以直接将字符字形转换为画布路径。
但是,是的,这是一个可行的想法,但它不是很直接。
使用 Adobe Illustrator 将文本字符转换为路径轮廓。
然后使用 ai->canvas 将 Illustrator 路径转换为 Html Canvas 路径
顺便说一句,ai->canvas 是一个了不起的库!——向迈克·斯旺森致敬:
你可以在这里获得图书馆:http: //blog.mikeswanson.com/post/29634279264/ai2canvas
如果您想要的字体提供 svg 版本,您可以使用上一篇文章中的信息避免 Illustrator 步骤: 如何将文本转换为 SVG 路径?
您可能想要结帐typeface.js
。这包括将 True Type 字体转换为可由 canvas 或 webgl 呈现的字形数据的工具。