fabricjs
События холста Fabricjs
Поиск…
Синтаксис
on (eventName, handler) - присоединяет прослушиватель событий с обратным вызовом к объекту.
off (eventName, обработчик) - удалить прослушиватель событий из объекта. Вызов этой функции без каких-либо аргументов приведет к удалению всех прослушивателей событий на объекте.
trigger (eventName, optionsopt) - запускает событие и дополнительный объект опций.
параметры
| параметр | Описание |
|---|---|
eventName | Название события, которое вы хотите подписаться, например, «объект: перемещение», |
eventHandler | Функция, которую вы хотите выполнить, когда это событие активировано |
optionsopt | Опция объекта |
замечания
Fabric поддерживает ряд событий, позволяющих интерактивность и расширяемость. Чтобы подписаться на события для холста, используйте метод on так, как он используется в jQuery. И вы хотите вручную запустить любое событие с помощью метода trigger . Все события находятся в пределах определенного экземпляра canvas. Посетите ссылку для получения дополнительной информации о событиях
Ткань js canvas events Демоверсия
<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);
В приведенном выше коде показано, как работает API событий в Fabric.js. Позвонив on на экземпляре холста, или даже на Fabric.js других объектах, такие как Rect Например, вы можете слушать их события и когда слушатели срабатывают, обратный вызов, переданный в них будет срабатывать , а также.