使用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,
        ...
    });