在jointjs中使元素"不可选择"

Question

我用过 联合律师 在我的一个项目中绘制图书馆。

1) 我很想知道它是否提供了任何限制用户不玩图的元素的方法。我的意思是:用户将能够将图表视为图像，而不是像调整大小，更改位置，拖动链接等那样与之交互。

2) 我的应用程序严重依赖它。虽然我已经解决了自动布局的问题，但是Jointjs是否可以这样做，我们可以告诉lib我们想要这些元素和东西，并请帮助我们用最合适的，非碰撞的元素和最少

3) 最后，我想知道我们是否可以检查与其他元素或同一图中的其他链接碰撞的链接。我知道在元素的情况下是可能的。

if (element1.getBBox().intersect(element2.getBBox())) {
    // elements intersect
}

Answer 1

1)使用任一 new joint.dia.Paper({ interactive: false, ... }) 或者直接在纸张上将pointer-events CSS属性设置为none: paper.$el.css('pointer-events', 'none')

2）可以使用接头。布局。DirectedGraph插件。此插件可在此下载: http://jointjs.com/download 和描述它的博客文章在这里: http://www.daviddurman.com/automatic-graph-layout-with-jointjs-and-dagre.html.

3）这不是，在一般情况下，容易。我会指出你这个网站的计算两条路径之间的交集的例子: http://www.kevlindev.com/geometry/2D/intersections/intersect_bezier2_bezier2.svg.这是下载的图书馆: http://www.kevlindev.com/gui/math/intersection/index.htm