Angular 4 D3v4：拖动圆圈与缩放无法正常工作

发布时间：2020-12-17 07:25:42 所属栏目：安全来源：网络整理

导读：我试图在Angular 4应用程序中创建一个D3力导向图( https://github.com/d3/d3/blob/master/API.md#forces-d3-force). 它可以正确拖动它的自我工作,缩放和平移是由它自己工作,但当你同时使用它们(拖动和缩放)时,它会停止工作不正确. 我拖动一个圆圈,当我停止拖

我试图在Angular 4应用程序中创建一个D3力导向图( https://github.com/d3/d3/blob/master/API.md#forces-d3-force).

它可以正确拖动它的自我工作,缩放和平移是由它自己工作,但当你同时使用它们(拖动和缩放)时,它会停止工作不正确.

我拖动一个圆圈,当我停止拖动时,它似乎仍然被选中并继续拖动.

我已经创建了一个示例项目,代码可以在这里找到：https://github.com/danielamigos/angular-graphs

要看到它的实际效果,请点击此处：https://danielamigos.github.io/angular-graphs/dist/index.html

正如rioV8所提到的,这个问题是节点转换和画布的平移同时工作.因此,解决方案是在拖动节点时停止平移画布.这可以通过在拖动节点时停止事件的传播来完成.所以在dragstarted(d)事件处理程序中,在开头添加以下代码行：

d3.event.sourceEvent.stopPropagation();

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!