D3.js SVG 图像拖动有效，但引发许多类型错误

d3.js svg image dragging works, but raises many type errors

本文关键字：多类型错误 SVG js 图像拖动有效 D3 更新时间：2023-09-26

我正在用d3.js（https://github.com/GiordanoArman/note_app）做一个非常小的项目。

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

未
捕获的类型错误：无法读取未定义的属性"x"

然后很多

未捕获的类型错误：无法读取未定义的属性"0"。

我试图重写它，但我不明白出了什么问题。一切正常，但我想在控制台上有一个干净的输出。你能帮我吗？

看起来在拖动=函数（d）中，d有时为空。"属性'0'"错误可能也是如此，因为 D3.v3.js 中有很多错误。您有这些错误的行号/文件名吗？

您的 SVG 图像是否被隐藏过？这可能会导致事件传递空值。

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