javascript - 使用 PaperJS 在圆圈内书写弯曲的文本

标签 javascript paperjs

标题基本上概括了我的问题的所有细节。我正在尝试在与圆圈轮廓弯曲的圆圈内书写文本。与下图非常相似的东西。 enter image description here

最佳答案

实际上,您可以通过一些技巧来做到这一点。

下面是如何进行:

  1. 获取文本中每个字形的 x 中心偏移量。这可以通过对子字符串使用 PointText 直到字形来完成。
  2. 在您希望文本对齐的路径上找到偏移点。
  3. 将单个居中字形放在刚刚找到的点上。按路径的切 Angular 旋转字形。

这是纸草图:Align Text to Path Sketch

这是一个简单测试的结果:

enter image description here

您可以将代码用于任意路径,而不仅仅是圆圈。

关于javascript - 使用 PaperJS 在圆圈内书写弯曲的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30918439/

相关文章:

javascript - 多个 Canvas 上的 paperjs 事件

javascript - paper.js : getting raw pixel data for two layers/groups?

javascript - 从 iFrame 获取信息 (document.getElementById)

javascript - knockout 选择字段错误数据绑定(bind)

javascript - 如何使用 jQuery 上下文参数?

javascript - 检测 SVG 路径中的孔

responsive-design - 如何获得 Canvas paperjs View 的响应

javascript - "in"运算符或 obj.hasOwnProperty(prop) 的 Big O 表示法的效率是多少

javascript - 视频播放中添加录音功能

paperjs - paper.js 隐藏/显示层?