Javascript 用纸张在圆圈内书写曲线文本

Javascript 用纸张在圆圈内书写曲线文本,javascript,paperjs,Javascript,Paperjs,标题基本上概括了我的问题的所有细节。我试着在一个圆圈内书写文本,这个圆圈与圆圈的轮廓成曲线。与下面的图片非常相似。 实际上,你只需稍加修改就可以做到这一点 以下是如何继续: 获取文本中每个图示符的x中心偏移量。这可以通过为子字符串使用PointText的with来完成,直到glyph 在要对齐文本的路径上找到偏移点 将单中心图示符放置在刚找到的点处。按路径的切线角度旋转轮廓 这是纸上的草图: 下面是一个简单测试的结果: 您可以将代码用于任意路径,而不仅仅是圆。您实际上可以通过一些小技巧来实现这

标题基本上概括了我的问题的所有细节。我试着在一个圆圈内书写文本,这个圆圈与圆圈的轮廓成曲线。与下面的图片非常相似。

实际上,你只需稍加修改就可以做到这一点

以下是如何继续:

  • 获取文本中每个图示符的x中心偏移量。这可以通过为子字符串使用PointText的with来完成,直到glyph
  • 在要对齐文本的路径上找到偏移点
  • 将单中心图示符放置在刚找到的点处。按路径的切线角度旋转轮廓
  • 这是纸上的草图:

    下面是一个简单测试的结果:


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

    您实际上可以通过一些小技巧来实现这一点

    以下是如何继续:

  • 获取文本中每个图示符的x中心偏移量。这可以通过为子字符串使用PointText的with来完成,直到glyph
  • 在要对齐文本的路径上找到偏移点
  • 将单中心图示符放置在刚找到的点处。按路径的切线角度旋转轮廓
  • 这是纸上的草图:

    下面是一个简单测试的结果:


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

    显示您尝试过的内容,描述哪些内容不起作用,等等。您的问题几乎是重复的,但您的问题更具体。显示您尝试过的内容,描述哪些内容不起作用,等等。您的问题几乎是重复的,但您的问题更具体。