我有一个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#events和https://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
});
我是否假设所有鼠标事件都应在元素本身上触发(而不是画布或组上的事件),这是错误的吗?我希望我提供了足够的信息和明确的问题。帮助表示赞赏。
遗憾的是,mouseUp,mouseDown事件目前是组中唯一受支持的事件。
不难支持,您可以在github问题跟踪器上打开一个问题并给出用例
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句