小编Gag*_*ago的帖子

如何使用Raphael js库拖动旋转的形状

我已经做了很多关于拖拉拉斐尔图书馆创建的对象的例子.现在我正在使用集合,并且还能够编写代码来拖动它们.

现在我的问题出现在旋转对象然后拖动它.

看看这个代码示例:demo

var paper = Raphael('stage', 300, 300);
var r = paper.rect(50,100,30,50).attr({fill:"#FFF"}).rotate(45),
    t = paper.text(30, 140, "Hello");

var p = paper.set(r, t);

r.set = p, t.set = p;


p.newTX=0,p.newTY=0,p.fDx=0,p.fDy=0,p.tAddX,p.tAddY,p.reInitialize=false,

start = function () {

},
move = function (dx, dy) {
    var a = this.set;
    a.tAddX=dx-a.fDx,a.tAddY=dy-a.fDy,a.fDx=dx,a.fDy=dy;
    if(a.reInitialize)
    {
        a.tAddX=0,a.fDx=0,a.tAddY=0;a.fDy=0,a.reInitialize=false;
    }
    else
    {
        a.newTX+=a.tAddX,a.newTY+=a.tAddY;
        a.attr({transform: "t"+a.newTX+","+a.newTY});
    }

},
up = function () {
    this.set.reInitialize=true;
};
p.drag(move, start, up);
Run Code Online (Sandbox Code Playgroud)

通过检查DEMO,您可以看到该组是使用旋转的矩形创建的,但是一旦拖动它,它就会回到0度状态.为什么?有解决方案吗

javascript raphael

1
推荐指数
1
解决办法
1078
查看次数

标签 统计

javascript ×1

raphael ×1