fabricjs
Fabricjs dukhändelser
Sök…
Syntax
on (eventName, handler) - Bifogar en händelse lyssnare med en återuppringning till objektet.
av (eventnamn, hanterare) - Ta bort händelse lyssnaren från objektet. Om du anropar denna funktion utan alla argument kommer alla händelselister på objektet att tas bort.
trigger (eventName, optionsopt) - Avfyrar händelsen och valfritt alternativobjekt.
parametrar
| Parameter | Beskrivning |
|---|---|
eventName | Namnet på händelsen du vill prenumerera, t.ex. 'objekt: flytta' |
eventHandler | Funktionen du vill köra när den speciella händelsen utlöses |
optionsopt | Alternativobjekt |
Anmärkningar
Tyg stöder ett antal händelser för att möjliggöra interaktivitet och utdragbarhet. För att prenumerera på händelser för en duk använda on metoden hur dess används i jQuery. Och du vill trigga manuellt varje händelse med hjälp av trigger metoden. Alla händelser ligger inom ramen för en viss canvasinstans. Besök Länk för mer information om evenemang
Tyg 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);
Koden ovan visar hur händelsens API i Fabric.js fungerar. Genom att ringa on på duken exempel eller ens på Fabric.js andra föremål, såsom Rect exempel kan du lyssna på deras händelser och när lyssnarna utlöses kommer återuppringning du klarat dem utlösas också.