d3.js svg图像拖动有效,但引发了许多类型错误

时间:2014-11-12 22:35:37

标签: javascript svg d3.js drag

我正在与d3.js(https://github.com/GiordanoArman/note_app)开展一个非常小的项目。

我使用了一些能够平移,缩放和拖动svg图像的代码。一切正常,但当我打开控制台时,我看到了

  

未捕获的TypeError:无法读取属性' x'未定义的

然后充足的

  

未捕获的TypeError:无法读取属性' 0'未定义的。

我试图重写它,但我无法理解错误。一切正常,但我希望在控制台上有一个干净的输出。你能救我一下吗?

1 个答案:

答案 0 :(得分:0)

看起来在dragged = function(d)中,d有时为null。这可能也是"属性' 0'"在D3.v3.js中有很多错误。你有这些错误的行号/文件名吗?

您的SVG图像是否被隐藏?这可能导致事件传递null值。

运行代码时,这两个错误都与原点有关,当您单击SVG顶部以外的某个位置时会发生这种情况。它无法计算鼠标和SVG位置之间的偏移量。