制作一个可拖动的圆圈

Question

大家好，我创建了一个响应按钮的圆圈，并改变了它的位置，

var dot = paper.circle(300, 330, 5).attr({ "fill" : "black", "stroke-width" : 5, });
var drawDot = function (cy) {
  dot.animate({
    "cy" : cy
  }, 6000, "linear" );
}

var dotState = "dotYes";
buttonElem.addEventListener("click", function(ev) {

  if (dotState === "dotNo"){
    dotState = "dotYes";
    drawDot("325");}
  else {
    dotState = "dotNo"
    drawDot("195") }
});         

我希望圈子： “让点可拖动 一个。提示：对mousedown，mouseup和mousemove事件使用侦听器。在侦听器回调函数之外创建并设置“状态”变量（例如'draggingDot'），以跟踪mousemove回调之间的鼠标状态 湾提示：在点上听mousedown，但是鼠标和鼠标移动到纸张所在的div上的任何位置 - 这样可以确保如果你过快地拉动你的鼠标就不会“丢失”这个点。 C。在鼠标移动的监听器中，使用“if”语句检查“拖动”变量的状态。“

我不知道如何使用mousedown侦听器更新鼠标的位置

我应该感谢任何关于wt的帮助或澄清。

tkx