ikuaitu / vue-fabric-editor

快图设计-基于fabric.js和Vue的开源图片编辑器,可自定义字体、素材、设计模板。fabric.js and Vue based image editor, can customize fonts, materials, design templates.

Home Page:https://ikuaitu.github.io/doc/#/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

元素锁定后,无法选中解锁

dingh123 opened this issue · comments

元素锁定后,失去焦点,无法选中了,导致无法解锁

希望锁定的元素,也能右键菜单解锁,和鼠标移动到锁定元素上,左上角显示解锁按钮

我也遇到此问题,当裁剪图片,失焦后,裁剪蒙版元素和图片元素组合成一个新元素,无法解锁

commented

元素锁定后,失去焦点,无法选中了,导致无法解锁

希望锁定的元素,也能右键菜单解锁,和鼠标移动到锁定元素上,左上角显示解锁按钮

可以在图层里选择对应图层,这样就可以选中解锁了。图层也添加了锁定和解锁。

元素锁定后,失去焦点,无法选中了,导致无法解锁
希望锁定的元素,也能右键菜单解锁,和鼠标移动到锁定元素上,左上角显示解锁按钮

可以在图层里选择对应图层,这样就可以选中解锁了。图层也添加了锁定和解锁。

在锁定的图层contextmenu加一个解锁会更好,每次解锁都要跑图层去找挺麻烦的。我试下能不能添加这个功能

commented

元素锁定后,失去焦点,无法选中了,导致无法解锁

希望锁定的元素,也能右键菜单解锁,和鼠标移动到锁定元素上,左上角显示解锁按钮

可以在图层里选择对应图层,这样就可以选中解锁了。图层也添加了锁定和解锁。

在锁定的图层contextmenu加一个解锁会更好,每次解锁都要跑图层去找挺麻烦的。我试下能不能添加这个功能

你试试看,最近面试有点多,还有单子在催了,没啥时间

元素锁定后,失去焦点,无法选中了,导致无法解锁
希望锁定的元素,也能右键菜单解锁,和鼠标移动到锁定元素上,左上角显示解锁按钮

可以在图层里选择对应图层,这样就可以选中解锁了。图层也添加了锁定和解锁。

在锁定的图层contextmenu加一个解锁会更好,每次解锁都要跑图层去找挺麻烦的。我试下能不能添加这个功能

可以参考下这个代码:

this.canvas.on('mouse:down', (opt) => {
this.isDown = true;
// 重置选中controls
if (
opt.target &&
!opt.target.lockMovementX &&
!opt.target.lockMovementY &&
!opt.target.lockRotation &&
!opt.target.lockScalingX &&
!opt.target.lockScalingY
) {
opt.target.hasControls = true;
}
});

点击元素时,只选中元素:

const select = (id) => {
const info = canvasEditor.canvas.getObjects().find((item) => item.id === id);
canvasEditor.canvas.discardActiveObject();
canvasEditor.canvas.setActiveObject(info);
canvasEditor.canvas.requestRenderAll();
};