JointJS - 在链接上使用路由器表现得很奇怪

Question

只要我在链接上不使用任何路由器或属性平滑，就可以正确绘制所有内容。

现在我想使用曼哈顿路由器，事情开始变得怪异。每个链接都绘制为填充元素而不是简单的线条。

在我看来，其他东西会对链接进行修改，而这些修改会以某种方式干扰。

此外属性，例如link.attr（{'。marker-source'：{fill：'red'，d：'M 10 0 L 0 5 L 10 10 z'}}）完全被忽略了仍然显示黑色箭头。

有什么想法吗？

Answer 1

JointJS库核心文件为joint.js和joint.css。请确保没有丢失。

JointJS +依赖关系（jQuery，lodash，backbone）

<link rel="stylesheet" type="text/css" href="joint.css" />
<script src="jquery.min.js"></script>
<script src="lodash.min.js"></script>
<script src="backbone-min.js"></script>
<script src="joint.js"></script>

Answer 2

我必须向fill:none和.connection-wrap添加.connection才能清理。

Answer 3

我已将display: none;添加到.link-tools，这对我有用。

Answer 4

我在joint.js应用程序中使用react.js库，遇到了相同的问题。 确实，问题在于缺少样式。

在我的package.json中joint.js库的声明如下： "jointjs": "^2.2.1", 为了添加样式，我必须添加以下行来导入样式：import "../../node_modules/jointjs/css/layout.css";