fabric.js组中元素上的mouseover和mouseout事件未触发(mousedown和mouseup触发)

杰西

我有一个fabric.Group,通过group.AddWithUpdate()向其中添加了几个fabric.Rect。(所有内容均可在我的画布上正确显示。)已在最新的chrome和Firefox上进行了测试。

此事件不会触发(与“ mouseout”相同):

rect.on('mouseover', function () {
    console.log('mouseover');
});

但是此事件确实触发了(与“ mouseup”相同):

rect.on('mousedown', function () {
    console.log('mousedown');
});

根据http://fabricjs.com/fabric-intro-part-2#eventshttps://github.com/kangax/fabric.js/wiki/Working-with-events,它应该可以工作。

我的组和rect代码:

var buttonsGroup = new fabric.Group([], {
    left: 0,
    top: 55,
    selectable: false,
    hoverCursor: 'auto',
    subTargetCheck: true,
    myID: 'group_menubuttons'
});

var menuButton = new fabric.Rect({
    left: buttonPosX,
    top: buttonPosY,
    width: buttonSize.width,
    height: buttonSize.height,
    fill: '#FFF',
    hoverCursor: 'pointer',
    hasControls: false,
    myClass: 'menuButton',
    myID: 'menuButton_' + type
});

我是否假设所有鼠标事件都应在元素本身上触发(而不是画布或组上的事件),这是错误的吗?我希望我提供了足够的信息和明确的问题。帮助表示赞赏。

安德里亚·博加齐(AndreaBogazzi)

遗憾的是,mouseUp,mouseDown事件目前是组中唯一受支持的事件。

不难支持,您可以在github问题跟踪器上打开一个问题并给出用例

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章