使用JointJS检测悬停

Question

我正在使用JointJS API绘制一个内部带有嵌入路径的矩形。

此路径用作按钮，我想只在矩形悬停时才能看到此按钮，但是我无法想象如何使用JointJS检测悬停在父元素上...是否有任何编程方式检测它？感谢。

Answer 1

我终于发现你只需要在Backbone.js中创建一个自定义视图来监听悬停事件：

var ConstraintElementView = joint.dia.ElementView.extend({
        events: {
            'mouseover': 'mouseovercard'
        },

        mouseovercard: function(evt, x, y) {
            var size = this.model.get('size');
            console.log(size);
        }
    });

然后将此视图用于论文：

var paper = new joint.dia.Paper({
        el: $('#canvas'),
        width: 1200,
        height: 900,
        gridSize: 10,
        model: graph,
        elementView: ConstraintElementView,
        ...
    });