raphael如何移动文本

时间:2012-11-24 15:47:30

标签: javascript text raphael

我有一些文字,我想使用Raphael库将其移动。然而,还有一种方法可以在3秒后将其移动或类似的东西。

var t1 = paper.text(700, 168, "Hi");
t1.attr({fill:"white"});

我尝试使用此代码,以便它可以将文本向上移动,但事实并非如此。

t1.animate({cy: 10 , cx: 700}, 10000);

我只是想对曲线路径提出同样的问题。

        var curvePath = paper.path("M690,124s20,15 10,19Z");
    curvePath.attr({fill:"orange"});

我尝试了同样的事情,但我想我又错了。

    curvePath.animate({m: 10 , z: 700}, 10000);

再次感谢您的帮助。

1 个答案:

答案 0 :(得分:3)

代替,

t1.animate({cy: 10 , cx: 700}, 10000);

使用此,

t1.animate({y: 10 , x: 700}, 10000);

论文包含xy个属性,而不是cxcy

Reference

编辑(评论后):

从同一个参考资料中,我已经给出了

var t1 = paper.text(700, 168, "Hi");
t1.attr({fill:"white"});
var anim = Raphael.animation({y: 10 , x: 700}, 10000)
t1.animate(anim.delay(5000));   // animation will start after 5 seconds.