javascript - HTML 5 Canvas - 文本到多边形

标签 javascript html canvas

我需要创建一个点数组(多边形)来表示用 Javascript 绘制到 Canvas 上的字符串的轮廓。类似于 Java 2D Shape API,您可以在其中从文本创建多边形对象。

关于我如何着手做这件事有什么想法吗?

最佳答案

我不知道有任何库可以直接将字符字形转换为 Canvas 路径。

但是,是的,这是一个可行但不是很直接的想法。

使用 Adob​​e 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?

关于javascript - HTML 5 Canvas - 文本到多边形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16199561/

相关文章:

javascript - 将语句插入自定义 WordPress 数据库

html - 子 DIV 不会显示在父 DIV 内部

Javascript - 如何检测文档是否已加载(IE 7/Firefox 3)

javascript - 第一次单击后停止函数,以防止更多执行

javascript - Qrcode.js - 错误 : code length overflow. (1716>1056)

jquery - 使用 jQuery 将文本框转为 DIV - 输入键以创建换行符?

javascript - 为网站创建用户定义的输入数量

javascript - 为什么添加 crossOrigin 会破坏 fabric.Image.fromURL?

android - 在 Canvas 上绘图时的 XML 可绘制比例

javascript - canvas.toDataURL 返回空白图像