想象一下,我有一个带有一些大矩形的图形。我想从模具中拖动一个圆,只允许将其放置在预先存在的矩形内。此外,当用户在图形周围拖动圆(确定将其放置在何处)并且圆进入一个矩形时,我想更改矩形的颜色。
基本上,圆形只能在矩形中使用,我想在用户放下圆形之前突出显示矩形。
jointjs或rappid是否可能?
答案 0 :(得分:0)
有可能。在JointJS网站上甚至有一个小型的,隐藏的演示程序。 (https://resources.jointjs.com/docs/jointjs/v2.1/demo/shapes/shapes.devs.html)
您只需要弄乱Paper选项:
设置embeddingMode: true
(如果尚未设置),然后将嵌入类添加到突出显示位置(显然,为此类在CSS中定义一些样式):
highlighting: {
'embedding': {
name: 'addClass',
options: {
className: 'highlighted-parent'
}
}
}
最后,使用您自己的自定义规则实施validateEmbedding: function(childView, parentView) {}
。