联合JS - 检测边框点击/调整联合Js元素

Question

有没有什么办法来检测元素边框上的点击，我想为元素例如Rectangle写入调整大小的功能，即当点击矩形边框时调用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()功能检测是否是基于上述论点点击边框。