Konvajs 圆弧内的文本路径

我正在尝试在一个弧形形状中添加文本（TextPath），该形状遵循en-Arc曲线。制作一个弯曲的文本路径很容易，但我没能把它放在弧形的顶部

如果我将两个对象的x和y都设置为for.ex。100和100，它们最终会出现在不合逻辑的位置，所以我显然无法理解这里的某些东西。我试图实现的是所附的屏幕截图中显示的-有人可以做一个演示把一个文本路径上的en弧？谢谢

---

我稍微修改了您的演示，以尽可能删除硬编码的值

您只需要正确生成SVG路径。您可以从这里使用一些答案：

此外，还可以使用调试生成的路径

函数极坐标（centerX、centerY、半径、角度等）{
var angleInRadians=（angleInDegrees-90）*Math.PI/180.0；
返回{
x:centerX+（半径*数学坐标（角半径）），
y：中心y+（半径*数学正弦（角度半径））
};
}
函数描述C（x，y，半径，星形，端角）{
var endAngleOriginal=endAngle；
if（endAngleOriginal-startAngle==360）{
端角=359；
}
var起点=极笛卡尔坐标（x，y，半径，端角）；
var end=极笛卡尔坐标（x，y，半径，星形）；
var arcSweep=endAngle-startAngle我稍微修改了您的演示，以尽可能删除硬编码的值

您只需要正确生成SVG路径。您可以从这里使用一些答案：

此外，还可以使用调试生成的路径

函数极坐标（centerX、centerY、半径、角度等）{
var angleInRadians=（angleInDegrees-90）*Math.PI/180.0；
返回{
x:centerX+（半径*数学坐标（角半径）），
y：中心y+（半径*数学正弦（角度半径））
};
}
函数描述C（x，y，半径，星形，端角）{
var endAngleOriginal=endAngle；
if（endAngleOriginal-startAngle==360）{
端角=359；
}
var起点=极笛卡尔坐标（x，y，半径，端角）；
var end=极笛卡尔坐标（x，y，半径，星形）；
var arcSweep=endAngle-startAngle您能展示一下您尝试了什么吗？我想我弄乱了SVG路径，它将TextPath移动到了我不期望的地方。我做了一个演示，演示有两个问题-TextPath是通过硬编码值反复试验放在圆弧上的，不像“这是一个圆弧，把文本放在上面”.第二，文本朝向外弧，而我希望它朝向内弧。你能编辑我的演示并制作一个将TextPath放置在弧上的适当示例吗？我认为这对许多konvajs用户都很有用。谢谢你展示了你的尝试？我想我弄乱了SVG路径，它将TextPath移动到了我不期望的地方。我制作了一个演示，演示有两个问题-文本路径是通过使用硬编码值的反复试验放在弧上的，不像“这是一个弧，将文本放在弧上”。第二，文本朝向外弧，而我希望它朝向内弧。你能编辑我的演示并制作一个将TextPath置于弧上的适当示例吗？我认为这对许多konvajs用户来说是有用的。谢谢你的回答，非常有用！有没有办法翻转文本？我有一个圆圈，想在顶部运行文本当文本朝向弧外时，无论文本是否倒置。请欣赏这个答案，非常有用！是否有方法翻转文本？我有一个圆圈，希望在顶部运行文本，但当文本朝向弧外时，文本似乎倒置。