在使用FabricJS时,删除活动对象可能会遇到一些问题
const canvas = new fabric.Canvas('canvas-id');
const rect = new fabric.Rect({
left: 50,
top: 50,
fill: 'red',
width: 100,
height: 100
});
canvas.add(rect);
canvas.getActiveObject()
方法来获取当前选中的对象,如果没有选中任何对象,则返回null。const activeObject = canvas.getActiveObject();
canvas.remove()
方法删除活动对象:if (activeObject) {
canvas.remove(activeObject);
}
canvas.getActiveGroup()
获取活动组,然后删除整个组:const activeGroup = canvas.getActiveGroup();
if (activeGroup) {
canvas.remove(activeGroup);
}
canvas.clear()
方法:canvas.clear();
请注意,当你尝试删除不存在的对象时,可能会遇到错误。确保在执行删除操作之前检查活动对象是否存在。
领取专属 10元无门槛券
手把手带您无忧上云