KineticJS移动Textpath

时间:2014-04-16 17:50:16

标签: javascript kineticjs

是否有一种简单的方法可以将Textpath从其初始位置移开?通过简单地增加X和Y属性来移动Shape我没有任何问题,但它似乎不适用于Textpath。我也尝试重置其数据属性(由于某种原因不起作用),或者完全重新创建它(有效,但由于某种原因,之后会消失,可能是因为移动它的触发器是在鼠标悬停在一个Shape上?)。基本上,我需要以最简单的方式根据其先前的位置移动它(所以我只能+ = - =坐标)。

1 个答案:

答案 0 :(得分:1)

文字路径不像其他节点那样真正移动。无论节点的实际x / y位置如何,data属性都决定了显示的点。如您所述,更改数据属性不起作用(以及谁想要为每次移动重新计算所有这些点?)

由于data属性中的点是相对于节点的父节点,我认为最简单的方法是将文本路径包装在一个组中,然后使用{{1}移动该组。根据需要或.move()

示例(代码改编自Text Path Tutorial):

.setPosition()