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

前端之家收集整理的这篇文章主要介绍了Angular 4 D3v4:拖动圆圈与缩放无法正常工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在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();

猜你在找的Angularjs相关文章