JointJS - 在链接上使用路由器的行为很奇怪答案

【问题标题】：JointJS - Using router on links behaves weirdJointJS - 在链接上使用路由器的行为很奇怪
【发布时间】：2016-01-13 13:18:16
【问题描述】：

只要我不使用任何路由器或链接上的属性 smooth ，一切都会正确绘制。

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

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

Furthermore 属性如 link.attr({'.marker-source': { fill: 'red', d: 'M 10 0 L 0 5 L 10 10 z' }}) 是完全无视。黑色箭头仍然显示。

有什么想法吗？

【问题讨论】：

您缺少joint.css，请接受@Roman 的回答。

标签： javascript svg jointjs

【解决方案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>

【讨论】：

宾果游戏！我错过了 CSS 文件。现在一切都很顺利。谢谢你

【解决方案2】：

我必须将fill:none 添加到.connection-wrap 和.connection 以进行清理。

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

【讨论】：