raphael - 拖动对象时出现发光问题

Question

我有一个矩形，它在 mousedown 事件时发光，并且在 mouseup 事件时发光消失。问题是当我拖动矩形时， Canvas 上仍然存在发光!

为了清楚起见，这是我的代码:

window.onload = function(){
        var paper = new Raphael("holder",500,500);

        var myRect = paper.rect(200,200,200,100,10);
        myRect.attr({
            fill: "#999",
            stroke: "#555",
            'stroke-width': 5
        });

        myRect.mousedown(function(){
                this.g = myRect.glow();
            }
        );
        myRect.mouseup(function(){
                this.g.remove();
        });
        var start = function(){
            this.ox = this.attr('x');
            this.oy = this.attr('y');
        },
        move = function(dx,dy){
            var att = {x:this.ox+dx,y:this.ox+dy};
            this.attr(att);
        },
        up = function(){
            //
        };
        myRect.drag(move,start,up);
    }

Answer 1

您可以在 start 上移除对象的发光。并在 up 上再次应用它.这样，当您拖动对象时，阴影将不可见，但在您放下对象时会出现。

这里是 fiddle 以你的例子。