Question

我是raphael js的新手。我正在以行和列方式在该矩形内创建一个矩形和一些圆。圆圈数取决于弹出窗体中给出的用户输入。现在我想通过拖动矩形拖动所有元素意味着矩形和圆形。我怎样才能做到这一点。任何人都可以帮助我做到这一点。

Answer 1

您是否尝试将所有元素一起添加到一个集合中，然后拖动集合？

这就是我用来拖动集合的内容：

paper = Raphael(0, 0, 500, 500); var ox = 0; var oy = 0; 
var screenSet= paper.set(); screenSet.push(paper.rect(0, 0, 100, 75, 0).attr({
        fill: 'red', stroke: 'none'
    }));

screenSet.push(paper.text(0 , 0 ,"Text").attr({ "text-anchor": "start" }));
start = function() {

    ox =  this.attr("x");
    oy = this.attr("y");
    screenSet.attr({
        opacity: 1
    }); },

move = function(dx, dy) {
    var att ={
        x: ox + dx,
        y:oy + dy
    };
    screenSet.attr(att);
},
up = function() {
    this.attr({
        opacity: .5
    });
    ox = 0, oy = 0;
}; screenSet.drag(move, start, up);

希望它可以帮助你：）

矩形和圆圈一起移动

1 个答案: