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

我在react.js應用程序中使用joint.js庫，我遇到了同樣的問題。 事實上，問題在於缺少風格。

在我的package.json ， joint.js庫被聲明為： "jointjs": "^2.2.1",為了添加樣式，我必須添加以下行來導入樣式： import "../../node_modules/jointjs/css/layout.css";

Answer 4

我添加了display: none; 到.link-tools ，它對我.link-tools 。