Например, у меня есть несколько объектов на холсте, A, * B * и C. Три из этих объектов выбираются как активированные. Используя Fabric.js, возможно ли отменить/деактивировать только один объектов?
Например, три объекта, выбранные, затем, когда нажата кнопка за пределами холста, объект B отбрасывается/деактивируется.
Я просмотрел файлы документов на официальном сайте FabricJS, и я нашел canvas.deactivateAll(), canvas.discardActiveObject(). Эти функции могут деактивировать все активные объекты, не являясь конкретным активным объектом.
Может кто-нибудь, пожалуйста, дайте мне руководство по этому поводу? Спасибо!
Возможно, я опоздал с ответом, но в последнем fabricjs (1.4.3) вы можете использовать следующие, чтобы отменить выбор всех выбранных объектов на холсте.
canvas.deactivateAll().renderAll();
Я использую это перед созданием образа этого холста. Надеюсь, это поможет кому-то.
предположим, что у вас есть три объекта objectA, ObjectB и ObjectC и объекты. Теперь, если вы хотите отменить выбор любого объекта (например, ObjectB). В этом случае вы можете попробовать следующий код.
var activeGroup = canvas.getActiveGroup();
activeGroup.removeWithUpdate(ObjectB);
canvas.renderAll();
Если у вас есть только один node активный, вы можете сделать.
canvas.discardActiveObject();
canvas.renderAll();
Чтобы отбросить все активные группы, вы можете использовать функцию ниже. В настоящее время активные группы и пожарные события. Если функция вызывается тканью в результате события мыши, событие передается как парматер и отправляется в функцию огня для пользовательские события. При использовании в качестве метода e param не имеет приложения.
canvas.discardActiveGroup();
Чтобы отменить объект sigle, вы можете использовать это. Отбрасывает активный объект и события пожара. Если функция вызывается тканью в результате события мыши, событие передается как парматер и отправляется в функцию огня для пользовательских событий. При использовании в качестве метода e param не имеет приложения.
canvas.discardActiveObject();
И я последний, наконец, отображает как верхний холст, так и дополнительный контейнерный холст.
canvas.renderAll();
Я только что нашел способ сделать это:
Когда несколько объектов активируются, они фактически образуют группу. Тогда на самом деле просто нужно использовать метод fabric.group, называемый "removeWithUpdate", тогда он будет делать.
Пример:
var activeGroup = canvas.getActiveGroup();
activeGroup.removeWithUpdate(theObject);
canvas.renderAll();