1 .mouse()方法在D3.js v7中不可用。在D3.js v7中,您可以使用。指针()方法来获取鼠标坐标。
2 如果您使用的是旧版本的D3.js(在v7之前),您可以继续使用前面响应中提到的.mouse()方法
// 鼠标点击事件监听
svgContainer.on("mousedown", function() {
// 开始绘制多边形
isDrawing = true;
// 清空多边形的点坐标
polygonPoints = [];
// 获取鼠标点击位置的坐标
const [x, y] = d3.mouse(this);
polygonPoints.push([x, y]);
});
mouse改成pointer即可
// 鼠标点击事件监听
svgContainer.on("mousedown", function (event) {
// 开始绘制多边形
isDrawing = true;
// 清空多边形的点坐标
polygonPoints = [];
// 获取鼠标点击位置的坐标
const [x, y] = d3.pointer(event);
polygonPoints.push([x, y]);
});