2016-08-11 5 views
-1

Gibt es eine vollständige Übersicht? Ich kenne diesen Working with events Artikel auf der fabricJS Homepage. Es zeigt Ereignisse an, die mit dem Objekt fabric.Canvas arbeiten.Gibt es eine vollständige Übersicht über die Ereignisse von FabricJS?

Wie auch immer es scheint, dass mehr Ereignisse für Canvas arbeiten. Auf ihrer Demo-Seite wird hovering über mouse:over und mouse:out Ereignisse angezeigt. Keine von ihnen ist auf der oben genannten Liste dokumentiert. Ich frage mich, ob es mehr Ereignisse geben könnte, die tatsächlich funktionieren.

Auf der anderen Seite gibt es Ereignisse, die direkt mit Objekten arbeiten. Jedenfalls kann ich auch keine Dokumentation darüber finden. Dinge wie

var rect = new fabric.Rect(...); 
rect.on("moving", handler); 

aus der Box funktionieren. Andere wie mouse:over (oder nur over) nicht.

Google weist mich immer auf die Liste auf dem Stoff HP. Gibt es eine vollständige Liste irgendwo, wo man fabric.Canvas und fabric.Object Ereignisse leicht finden kann?


EDIT:

Graben in Gewebequelle offenbart den folgenden (Teil von fabric.StaticCanvas). Auch dafür kann ich keine Dokumentation finden.

/** 
    * @private 
    */ 
    _fireOverOutEvents: function(target, e) { 
     if (target) { 
     if (this._hoveredTarget !== target) { 
      if (this._hoveredTarget) { 
      this.fire('mouse:out', { target: this._hoveredTarget, e: e }); 
      this._hoveredTarget.fire('mouseout'); 
      } 
      this.fire('mouse:over', { target: target, e: e }); 
      target.fire('mouseover'); 
      this._hoveredTarget = target; 
     } 
     } 
     else if (this._hoveredTarget) { 
     this.fire('mouse:out', { target: this._hoveredTarget, e: e }); 
     this._hoveredTarget.fire('mouseout'); 
     this._hoveredTarget = null; 
     } 
    } 

Antwort

1

Also im Grunde die Dokumentation besteht aus den alten nicht aktualisieren Demos und Tutorials und den jsDocs finden Sie hier:

http://fabricjs.com/docs/fabric.Object.html

Objekt Unterstützung mouseout und Mouseover, ohne die Doppelpunkt-Notation.

added 
removed 
deselected 
selected 
modified 
rotating 
scaling 
moving 
skewing 
mousedown 
mouseup 
mouseover 
mouseout 
selection:changed (referred to cursor selection in iText) 

Canvas Unterstützung http://fabricjs.com/docs/fabric.Canvas.html

object:modified 
object:rotating 
object:scaling 
object:moving 
object:selected 
before:selection:cleared 
selection:cleared (could be object:deselected) 
selection:created 
path:created 
mouse:down 
mouse:move 
mouse:up 
mouse:over 
mouse:out 
+0

Dank. Bald kann ich mir Zeit nehmen, um das Tutorial "Arbeiten mit Ereignissen" zu aktualisieren. – Fidel90

+1

Hey heute Event für das Objekt abgewählt wurde hinzugefügt! – AndreaBogazzi

+0

Sind Canvas-bezogene Ereignisse wie 'object: over' noch gültig? Es gibt einige davon auf der Wiki-Seite, die Sie in Ihrer Antwort nicht erwähnt haben. Ich habe die Wiki-Seite bearbeitet, um die objektbezogenen Ereignisse hinzuzufügen, und habe das gesehen. – Fidel90

Verwandte Themen