Question

我在jointjs中的链接交互存在一些问题

我刚设置了一个defaultLink，但所有鼠标事件都消失了，我再也无法与链接进行交互。

悬停事件也不会突出显示具有默认灰色背景的连接线。

这是纸张初始化：

this.schemePaper = this.JointService.createPaper({
        el: $(this.containers.svgContainer),
        width: '100%',
        height: '100%',
        model: this.graph,
        gridSize: 16,
        perpendicularLinks: true,
        currentScale: this.currentScale,
        drawGrid: true,
        snapLinks: {
            radius: 75
        },
        markAvailable: true
    });

createPaper(paperOptions) {
    const options = Object.assign({}, paperOptions, {
        defaultLink: new joint.dia.Link({
            attrs: this.links.simple
        })
    });
    return new joint.dia.Paper(options);
}

this.links = {
        simple: {
            '.connection': {
                stroke: this.linkColor
            },
            '.connection-wrap': {
                'stroke-width': 30
            }
        },
        dashed: {
            '.connection': {
                stroke: this.linkColor,
                'stroke-dasharray': '5, 5'
            }
        }
    };

mouseenter事件仅在我将鼠标悬停在1px笔画宽度连接线上时才有效

这是一个例子： the link example without any tools and so on

我认为它应该与.connection-wrap

链接区域，可以进行所有鼠标事件

0 个答案: