【问题标题】:Only element boundaries can be connected in jointjs?在jointjs中只能连接元素边界?
【发布时间】:2019-09-06 09:37:31
【问题描述】:

我只是想让我的元素边界为“magnet=true”,而内部不是十字光标而是移动光标,如何实现?

【问题讨论】:

  • 请在问题中添加更多详细信息,不清楚您在问什么
  • 我的元素是一个带图像的矩形,我希望矩形的边可以连接。但是当我将“magnet = true”添加到我的矩形并将光标放入内部时,光标将是十字准线而不是我想要的移动光标。我该怎么做?谢谢。

标签: jointjs


【解决方案1】:

我将元素定义更改如下:

markup :
...
<rect class="body"/>
<rect class="icon-box"/>
<path class="ele-icon"/>
...

attrs:

...
'.body':{magnet:true,width:50,height:50}
'.icon-box':{
    width:48,
    height:48, 
    'x-alignment': 'middle',
    'y-alignment': 'middle',
    'ref-x': .5,
    'ref-y': .5,
    ref: '.body',
    fill:'white'
}
...

我添加了一个矩形作为图标框,这样只有图标框的外部才能连接。

如果您有更好的方法,我将不胜感激!!!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-07
    • 1970-01-01
    相关资源
    最近更新 更多