RaphaelJs Drag约束

Question

我有一个滑块，我希望只能在x-co纵坐标中拖动，并设置约束，超出该约束的形状不能被拖动（形状不应超出两个方向的线）。如何实现？

JS小提琴Link

window.onload = function(){    

    var paper = Raphael(0,0,700,150);  

    var sliderline = paper.rect(68,100,606,1).attr({fill:'red',stroke:'none'});
    var slider = paper.rect(100,98,18,7,4).attr({fill:'#7cc576','stroke-width':'2','stroke':'white'}).glow({width:1,opacity:10,color:'green'});
}

Answer 1

首先将处理程序分配给拖动事件。在处理程序内，您可以按照自己的意愿移动滑块。