注入对象d3.js拖放

Question

我拖放d3.js：

var drag=d3.behavior.drag()
          .on('dragstart', function(cs) { c.style('fill', 'red'); })
          .on('drag', function() { c.attr('cx', d3.event.x) .attr('cy', d3.event.y);
        })
    c.call(drag);

我有对象：

var coords={
   x:0,
   y:0
    };

如何在拖动时更新坐标（x和y）？

Answer 1

当应用拖动事件时，只需将d3.event坐标指定给对象，如下所示：

  var drag=d3.behavior.drag()
      .on('dragstart', function(cs) { c.style('fill', 'red'); })
      .on('drag', function() {
              c.attr('cx', d3.event.x).attr('cy',d3.event.y);
              coords.x= d3.event.x;
              coords.y= d3.event.y;
    })
c.call(drag);