fabricjs
Fabricjs Canvas-Ereignisse
Suche…
Syntax
on (eventName, handler) - Hängt einen Ereignis-Listener mit einem Rückruf an das Objekt an.
off (eventName, handler) - Entfernen Sie den Ereignis-Listener aus dem Objekt. Wenn Sie diese Funktion ohne Argumente aufrufen, werden alle Ereignis-Listener für das Objekt entfernt.
trigger (eventName, optionsopt) - Löst das Ereignis und optionale Optionsobjekte aus .
Parameter
| Parameter | Beschreibung |
|---|---|
eventName | Der Name des Ereignisses, das Sie abonnieren möchten, z. B. "Objekt: Verschieben". |
eventHandler | Die Funktion, die Sie ausführen möchten, wenn das betreffende Ereignis ausgelöst wird |
optionsopt | Optionen Objekt |
Bemerkungen
Fabric unterstützt eine Reihe von Ereignissen, um Interaktivität und Erweiterbarkeit zu ermöglichen. Um Ereignisse für eine Leinwand zu abonnieren, verwenden Sie die Methode on wie in jQuery. Sie möchten jedes Ereignis manuell mit der trigger . Alle Ereignisse liegen im Bereich einer bestimmten Zeichenbereichsinstanz. Besuchen Sie den Link für weitere Informationen zu Veranstaltungen
Stoff js Canvas Events Demo
<canvas id="c" width="400" height="400"></canvas>
var canvas = new fabric.Canvas("c");
canvas.on('mouse:up', function () {
console.log('Event mouse:up Triggered');
});
canvas.on('mouse:down', function () {
console.log('Event mouse:down Triggered');
});
canvas.on('after:render', function () {
console.log('Event after:render Triggered');
});
canvas.on('object:moving', function () {
console.log('Event object:moving Triggered');
});
canvas.on('object:modified', function () {
console.log('Event object:modified Triggered');
});
var text = new fabric.Textbox('Hello world', {
width:250,
cursorColor :"blue"
});
canvas.add(text);
Der obige Code zeigt, wie die Ereignis-API in Fabric.js funktioniert. Durch den Aufruf on auf der Leinwand eine Instanz oder sogar auf den Fabric.js andere Objekte, wie Rect Beispiel können Sie auf ihre Veranstaltungen hören und wenn die Zuhörer ausgelöst werden, der Rückruf Sie an sie übergeben werden ebenfalls ausgelöst werden.