細胞之間的鏈接不是“平坦的” - JointJS

Question

當我拖動“桌子”單元格時，大部分時間連接是平坦的/水平的（如鏈接的垂直部分或ORDERLINE表格中的小位），但有時它們最終會處於一個小角度（鏈接的左側位）。 有辦法防止這種情況嗎？

如果我檢查devtools中的元素，那么它會顯示rotate有一些小的偏移而不是我希望看到的值（即0,90,180，-90，-180）。當前的一個例子獲取鏈接的左側位：

<path class="marker-source" fill="white" stroke="#c5d8e5" d="M 6 0 L 6 10 M 6 5 L 0 5 z" id="v-29" stroke-width="2" transform="translate(318.204758999181,420.00417997801776) scale(1,1) rotate(2.34686279296875)"></path>

或許有辦法對此做些什么嗎？

Answer 1

這是manhattan路由器嗎？ 如果是這樣，有一個技巧如何改善這一點。 嘗試將相同的值設置為paper.option.gridSize和router.option.step ，如下例中的設置為20。

var paper = new joint.dia.Paper({
    el: document.getElementById('paper'),
    width: 800,
    height: 600,
    gridSize: 20,
    perpendicularLinks: true,
    model: graph,
    defaultLink: new joint.dia.Link({
        router: { name: 'manhattan', args: { step: 20 } },
        connection: { name: 'orthogonal' },
        attrs: {
            '.marker-target': { d: 'M 10 0 L 0 5 L 10 10 z', fill: '#fff', stroke: '#000' },
            '.link-tools .tool-remove circle, .marker-vertex': { r: 8 },
            '.connection': {
                stroke: '#000', 'stroke-width': 1
            }
        }
    }),
    interactive: {
        vertexAdd: false
    }
});