jointjs - 联合 JS - 检测边框单击/调整联合 Js 元素的大小

Question

有什么方法可以检测元素边框的点击，我想给元素写调整大小函数，例如矩形，即当点击矩形的边框时调用调整大小函数，同样我无法追踪单击矩形的边框，任何人都可以帮忙。

提前致谢！

真由理

Answer 1

在 SVG 中无法检测到对边框的点击，事件的目标是整个元素。但是，您可以通过知道矩形的笔画宽度和单击的 x、y 坐标来检测到这一点。您知道矩形的位置，因此这足以确定是否单击了边框。

paper.on('cell:pointerdown', function(cellView, evt, x, y) {
    var bbox = cellView.getBBox();
    var strokeWidth = cellView.model.attr('rect/stroke-width') || 1;
    console.log(isBorderClicked(bbox, x, y, strokeWidth))
});

其中isBorderClicked()函数根据上述参数检测是否是被点击的边框。