使用PaperJS

时间:2015-06-18 14:38:25

标签: javascript paperjs

标题基本上概述了我的问题的所有细节。我正在尝试在圆圈内写入文字,该圆圈与圆形轮廓一致。与下面的图像非常相似的东西。 http://i44.tinypic.com/sovkm8.jpg

1 个答案:

答案 0 :(得分:3)

你实际上可以通过一点点黑客来做到这一点。

以下是如何继续:

  1. 获取文本中每个字形的x中心的偏移量。这可以通过使用PointText作为子字符串直到字形来完成。
  2. 在您希望文本对齐的路径上找到偏移点。
  3. 将单个居中的字形放在刚找到的位置。按路径的切线角度旋转字形。
  4. 以下是纸质素描:Align Text to Path Sketch

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

    enter image description here

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