Javascript d3折线图和剪辑路径

我不熟悉d3和svg

有人能解释一下，从技术上讲，如何使用clip-path元素进行拖放/平移吗

矩形css

rect.pane {
    cursor: move;
    fill: none;
    pointer-events: all;
}

---

下面是SVG剪辑工作原理的简短描述：。

细节是关键 我希望你自己已经找到了正确的答案，这个问题和我的回答之间有一点延迟；）

您的解决方案有效，但矩形位置有点错位，需要替换两行代码：

svg.append（“clipPath”）
.attr（“id”，“clip”）//我希望有一个好的答案。我正在尝试剪辑
，但无法执行@BrunoBronosky您只需在
rect
周围添加
clipPath
元素：并将
剪辑放在那里。@SchLx成功了！迟到总比不做好非常感谢。
rect.pane {
    cursor: move;
    fill: none;
    pointer-events: all;
}