2017-07-19 18 views
0

私はfabric.Groupを介してgroup.AddWithUpdate()経由でファブリックを追加しました。 (すべてが私のキャンバスに正しく表示されます。)最新のchromeとfirefoxでテストされています。fabric.js mouseover&mouseoutイベントがグループ内の要素で発生しない(マウス操作およびマウスアップが発生する)

このイベントは、( 'マウスアウト' と同じ)発生しません:

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

は私の仮定は、すべてのマウスイベントが間違った要素自体(の代わりに、キャンバスやグループのイベント)、火災べきであること、ですか? 私は十分な情報と明確な問題を提供したいと思います。ヘルプは高く評価しました。

+0

を与えるgithubの問題追跡に問題を開くことができ超えるとアウトをサポートすることは難しいことではないでしょうか?あなたはイベントを正しく書いてもよろしいですか?それらは「マウス:下」、「マウス:移動」、「マウス:上」などである。 @AlexIonescuのご意見ありがとうございます。 –

+0

はい私は確信しています。ドキュメントを参照してください: "便宜のために、Fabricはイベントシステムをさらに使いこなし、リスナーをキャンバスオブジェクトに直接添付することができます[...]イベントリスナーを矩形と円のインスタンスに直接接続します。 :選択済み "、"選択済み "イベントを使用しています。" (また、 'mousedown'は完全に動作しており、その部分をドキュメントに確認しています) – jasie

答えて

0

悲しいことにmouseUp、mouseDownイベントは、グループ内でサポートされている唯一のイベントです。

は、あなたがあなたのコードを完全にフィドルを投稿することができ、ユースケース

+0

ありがとう、Andrea、私はそれを行います – jasie

関連する問題