强制链接连接器位于jointjs中单元格的一个位置

强制链接连接器位于jointjs中单元格的一个位置,jointjs,Jointjs,如何使链接在1点内保持与单元格或端口的连接 如果端口是一个圆,则当单元四处移动时,与其连接的链路端会在该圆上移动 我想让它保持在同一点上——圆边缘的中心 期望的: 当我向下移动单元格时发生了什么: 谢谢。如果有人感兴趣,我用以下方法解决了这个问题: 使用2个形状 端口形状 磁铁,这是一个半径为1的圆(使其成为一个点) 端口标记: <g class="port port<%= id %>"> <path class="port-body port-ma

如何使链接在1点内保持与单元格或端口的连接

如果端口是一个圆,则当单元四处移动时,与其连接的链路端会在该圆上移动

我想让它保持在同一点上——圆边缘的中心

期望的:

当我向下移动单元格时发生了什么:


谢谢。

如果有人感兴趣,我用以下方法解决了这个问题:

使用2个形状

  • 端口形状
  • 磁铁,这是一个半径为1的圆(使其成为一个点)
端口标记:

<g class="port port<%= id %>">
    <path class="port-body port-magnet"/>
    <path class="port-body port-shape"/>
    <text class="port-label"/>
</g>
circleFromPath()
标识了一个自定义函数,该函数接受一个圆参数,并返回由
path
生成的具有给定半径的圆的
SVG
CoffeeScript

circleFromPath = (r = 5) ->
        d = r * 2
        """
            M 0, 0
            m #{-r}, 0
            a #{r},#{r} 0 1,0 #{d},0
            a #{r},#{r} 0 1,0 #{-d},0
        """
circleFromPath = (r = 5) ->
        d = r * 2
        """
            M 0, 0
            m #{-r}, 0
            a #{r},#{r} 0 1,0 #{d},0
            a #{r},#{r} 0 1,0 #{-d},0
        """