JointJS

Question

只要我不在 link 上使用任何路由器或平滑属性，一切都会正确绘制。

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

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

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

有什么想法吗？

Answer 1

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

Answer 2

JointJS库核心文件是joint.js和joint.css。请确保缺少 none 个。

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 3

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

Answer 4

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

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

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

JointJS - Using router on links behaves weird

javascript

svg