用PaperJS在一个圆形内写弯曲的文本

问题描述 投票:1回答:1

标题基本​​上概述了我的问题的所有细节。我正在尝试在与圆的轮廓弯曲的圆内编写文本。类似于下面的图像。enter image description here

javascript paperjs
1个回答
3
投票

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

这里是如何进行:

  1. 获取文本中每个字形的x中心的偏移量。这可以通过对子字符串使用PointText的with直到字形来实现。
  2. 在您要文本对齐的路径上找到偏移量的点。
  3. 将单个居中的字形放置在刚找到的位置。按路径的切线角度旋转字形。

这里是纸本草图:Align Text to Path Sketch

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

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9oSDFEWS5wbmcifQ==” alt =“在此处输入图像描述”>“ >>

您可以通过任意路径使用代码,而不仅限于圆形。

© www.soinside.com 2019 - 2024. All rights reserved.