我想弯曲一半动能文本。它正在发挥作用,但是“弯曲”了。并没有发生在'中心'。我试图理解'为什么'。
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()'实际上是文本路径的弧长,而不是水平宽度?
注意实际上现在我已经更新了我的控制点以准确移动,我想我看到了这个问题...... 感谢
答案 0 :(得分:0)
好的,只要我将左右控制点拉向中心以补偿......就好了......
q.start.x = q.control.x - offX +( variation / 2);
q.end.x = q.control.x + offX - ( variation / 2);