Kinetic JS Text Bending in' middle'

时间:2014-05-19 10:54:30

标签: kineticjs

我想弯曲一半动能文本。它正在发挥作用,但是“弯曲”了。并没有发生在'中心'。我试图理解'为什么'。

DEMO:http://jsfiddle.net/JSdc2/6gnTm/4/

我认为,如果我动态定位该路径中的点,以匹配文本的宽度,那么我将得到一条彩虹'视觉上有效,文字两边的弧线排列在底部。

文本曲线中有3个点:' start',' control'并且'结束' 水平偏移(offX)是文本对象宽度的一半。

var lastWidth = (textpath.getTextWidth());
var offX = lastWidth / 2;
q.start.x = q.control.x - offX;
q.end.x = q.control.x + offX;

这有什么原因吗? 即:是' textWidth()'实际上是文本路径的弧长,而不是水平宽度?

注意实际上现在我已经更新了我的控制点以准确移动,我想我看到了这个问题...... 感谢

1 个答案:

答案 0 :(得分:0)

好的,只要我将左右控制点拉向中心以补偿......就好了......

    q.start.x = q.control.x - offX +( variation / 2);
    q.end.x = q.control.x + offX - ( variation / 2);

工作演示:http://jsfiddle.net/JSdc2/6gnTm/5/