私はfabric.Groupを介してgroup.AddWithUpdate()経由でファブリックを追加しました。 (すべてが私のキャンバスに正しく表示されます。)最新のchromeとfirefoxでテストされています。fabric.js mouseover&mouseoutイベントがグループ内の要素で発生しない(マウス操作およびマウスアップが発生する)
このイベントは、( 'マウスアウト' と同じ)発生しません:
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.on('mouseover', function() {
console.log('mouseover');
});
まだこのイベントは、( 'のmouseup' で同じ)火をDOESしかし、それは動作するはずです。
私のグループと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
});
は私の仮定は、すべてのマウスイベントが間違った要素自体(の代わりに、キャンバスやグループのイベント)、火災べきであること、ですか? 私は十分な情報と明確な問題を提供したいと思います。ヘルプは高く評価しました。
を与えるgithubの問題追跡に問題を開くことができ超えるとアウトをサポートすることは難しいことではないでしょうか?あなたはイベントを正しく書いてもよろしいですか?それらは「マウス:下」、「マウス:移動」、「マウス:上」などである。 @AlexIonescuのご意見ありがとうございます。 –
はい私は確信しています。ドキュメントを参照してください: "便宜のために、Fabricはイベントシステムをさらに使いこなし、リスナーをキャンバスオブジェクトに直接添付することができます[...]イベントリスナーを矩形と円のインスタンスに直接接続します。 :選択済み "、"選択済み "イベントを使用しています。" (また、 'mousedown'は完全に動作しており、その部分をドキュメントに確認しています) – jasie