fabricjs
Eventi canvas di Fabricjs
Ricerca…
Sintassi
on (eventName, handler) - Allega un listener di eventi con un callback all'oggetto.
off (eventName, handler) - Rimuove il listener di eventi dall'oggetto. Chiamando questa funzione senza alcun argomento si rimuoveranno tutti i listener di eventi sull'oggetto.
trigger (eventName, optionsopt) - Spara l'evento e l'oggetto opzionale delle opzioni.
Parametri
| Parametro | Descrizione |
|---|---|
eventName | Il nome dell'evento che desideri sottoscrivere come "oggetto: in movimento" |
eventHandler | La funzione che si desidera eseguire quando viene attivato quell'evento particlare |
optionsopt | Oggetto Opzioni |
Osservazioni
Fabric supporta numerosi eventi per consentire l'interattività e l'estensibilità. Per iscriversi agli eventi per una tela, usa il metodo on come è usato in jQuery. E vuoi attivare manualmente qualsiasi evento usa il metodo di trigger . Tutti gli eventi sono nell'ambito di una determinata istanza di canvas. Visita Link per ulteriori informazioni sugli eventi
Demo degli eventi canvas in tessuto js
<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);
Il codice sopra mostra come funziona l'API eventi in Fabric.js. Chiamando on nell'istanza tela, o anche sui Fabric.js altri oggetti, come Rect esempio, è possibile ascoltare i loro eventi e quando gli ascoltatori sono attivati, la richiamata avete passato a loro verrà attivato pure.