fabricjs
Wydarzenia na płótnie Fabricjs
Szukaj…
Składnia
on (eventName, handler) - Dołącza detektor zdarzeń z wywołaniem zwrotnym do obiektu.
off (eventName, handler) - Usuń detektor zdarzeń z obiektu. Wywołanie tej funkcji bez żadnych argumentów spowoduje usunięcie wszystkich detektorów zdarzeń na obiekcie.
trigger (eventName, optionsopt) - Uruchamia zdarzenie i opcjonalny obiekt opcji.
Parametry
| Parametr | Opis |
|---|---|
eventName | Nazwa wydarzenia, które chcesz subskrybować, na przykład „object: moving” |
eventHandler | Funkcja, która ma zostać wykonana po wyzwoleniu tego konkretnego zdarzenia |
optionsopt | Obiekt opcji |
Uwagi
Sieć szkieletowa obsługuje wiele zdarzeń, aby umożliwić interaktywność i rozszerzalność. Aby subskrybować zdarzenia dla kanwy, użyj metody on , takiej jak w jQuery. I chcesz ręcznie uruchomić dowolne zdarzenie, użyj metody trigger . Wszystkie zdarzenia mieszczą się w zakresie konkretnej instancji obszaru roboczego. Odwiedź link, aby uzyskać więcej informacji na temat wydarzeń
Demonstracja zdarzeń płótna js tkaniny
<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);
Powyższy kod wyświetla sposób działania interfejsu API zdarzenia w pliku Fabric.js. Dzwoniąc on na przykład płótno, lub nawet na Fabric.js innych obiektów, takich jak Rect przykład, można słuchać swoich imprez i gdy są wywoływane słuchacze, callback zdałeś do nich zostanie uruchomiona również.