svg/snapsvg创建弯曲的文本

好吧，我对和都是比较陌生的

不过，我正在尝试不同的功能，以及如何创建各种不同的文本元素

普通文本不是一个挑战，但我开始想知道如何制作真正弯曲的文本

例如，假设我想创建如下文本：

正如你所看到的，文本是弯曲的

我的最终目标是使用，允许用户弯曲文本，但我不太清楚如何做到这一点

---

是否有人试图弯曲文本并能将我指向正确的方向？

您可以使用textpath属性，该属性获取路径并沿路径定位字符串

var s=SNAP500500； var路径=M 100 200 C 200 100 300 400 100 C 500 200 600 300 700 200 C 800 100 900 100； var text=s.text50,50，'您好，我是一个沿路径字符串弯曲的文本路径' .attr{'textpath'：path}

---

您可以只使用textpath属性，该属性获取路径并沿路径定位字符串

var s=SNAP500500； var路径=M 100 200 C 200 100 300 400 100 C 500 200 600 300 700 200 C 800 100 900 100； var text=s.text50,50，'您好，我是一个沿路径字符串弯曲的文本路径' .attr{'textpath'：path}

---

SVG是定义具有弯曲尺寸的路径所必需的

这里有一个例子：

邀请直到结束

---

SVG是定义具有弯曲尺寸的路径所必需的

这里有一个例子：

邀请直到结束

---

我已经用Snap.svg和javascript更新了我的答案。希望这有帮助。我已经用Snap.svg和javascript更新了我的答案。希望这有帮助。