如何使 child 个节点不可单独拖动?
How to make child nodes not individually draggable?
在我的 cytoscape.js 图表中,我有一个包含多个 child 节点的复合节点。这些 children 中的一些(但不是全部)仅设置为标签样式,并且因为我设置了 min-zoomed-font-size,所以这些 children 在低缩放级别下是不可见的。尽管如此,如果有人试图抓住复合节点来拖动它,他们很有可能会碰到一个不可见的节点并改为拖动它。为了防止这种情况发生,当我检测到图形处于不会显示标签的缩放级别时,我尝试使用 ungrabify() 将那些 child 节点设置为不可抓取。然而,这有一个不幸的影响,当我抓住并拖动 parent 复合节点时,不可见的不可抓取节点不会与其他 children 一起移动(即使我没有锁定任何节点)。如果我只是添加一个 class 将它们的可见性设置为隐藏,而不是取消它们,则会出现同样的问题。我希望它们不能单独抓取,但在拖动它们的 parent 节点时仍能移动——我怎样才能最好地完成这个?
A CSS 属性 之前已经讨论过与此类似的用例。这是一张票:https://github.com/cytoscape/cytoscape.js/issues/1015
目前,如果您不需要真正的节点体,可以尝试将子节点设置为 1x1 像素。本体太小了,拿起来比较费劲,但标签还是会显示的
在我的 cytoscape.js 图表中,我有一个包含多个 child 节点的复合节点。这些 children 中的一些(但不是全部)仅设置为标签样式,并且因为我设置了 min-zoomed-font-size,所以这些 children 在低缩放级别下是不可见的。尽管如此,如果有人试图抓住复合节点来拖动它,他们很有可能会碰到一个不可见的节点并改为拖动它。为了防止这种情况发生,当我检测到图形处于不会显示标签的缩放级别时,我尝试使用 ungrabify() 将那些 child 节点设置为不可抓取。然而,这有一个不幸的影响,当我抓住并拖动 parent 复合节点时,不可见的不可抓取节点不会与其他 children 一起移动(即使我没有锁定任何节点)。如果我只是添加一个 class 将它们的可见性设置为隐藏,而不是取消它们,则会出现同样的问题。我希望它们不能单独抓取,但在拖动它们的 parent 节点时仍能移动——我怎样才能最好地完成这个?
A CSS 属性 之前已经讨论过与此类似的用例。这是一张票:https://github.com/cytoscape/cytoscape.js/issues/1015
目前,如果您不需要真正的节点体,可以尝试将子节点设置为 1x1 像素。本体太小了,拿起来比较费劲,但标签还是会显示的