联合JS -检测边界单击/调整联合Js元素

Question

是否有任何方法来检测对元素边框的点击，我想要将调整大小函数写到元素例如，矩形，即当矩形的边框被点击时调用resize函数，因为我无法跟踪对矩形边框的单击，请任何人帮助。

提前谢谢！

马尤里

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()函数检测是否是基于上述参数单击的边框。