拖動功能不適用於D3

Question

我有一個拖動行為，如下所示：

 var boxDrag = d3.behavior.drag()
    .origin(function (d) {
        return d;
    })
    .on("drag", drawBox);

function drawBox( /*d*/ ) {
    console.log("asdf");
}

它只是一個臨時骨架，但似乎在拉扯一些有關未定義x等的錯誤。

錯誤

這是完整的代碼： http : //jsfiddle.net/gamea12/5zsj853h/

Answer 1

在您的小提琴中，您有：

var boxDrag = d3.behavior.drag()
    .origin(function (d) {
        return d;
    })
    .on("drag", drawBox);

但是，在這種情況下， d是未定義的，這會導致您出錯。 更改為：

var boxDrag = d3.behavior.drag()
    .origin(function (d) {
        return this;
    })
    .on("drag", drawBox);

應該為您解決問題。