canvas能锁定部分节点么?

在canvas里面画图时,有时候部分布局已经定下来了,但还是可能一不小心又做了调整,而目前好像只能全盘锁定,不能局部锁定

可以添加一个空的元素覆盖在上面,从而屏蔽特定颜色组和节点的拖动事件,但缩放事件好像不能屏蔽,楼主自己摸索一下

效果如图:

  • 屏蔽了红色组和元素的拖动事件

eb1f7a5b-0883-4ddf-b01c-2837d0a7846f

.canvas-node.canvas-node-group.is-themed.mod-canvas-color-1,
.canvas-node.is-themed.mod-canvas-color-1{
  z-index: 9999!important;
  pointer-events:none!important;
}
.canvas-node.canvas-node-group.is-themed.mod-canvas-color-1::before,
.canvas-node.is-themed.mod-canvas-color-1::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: all; /* 伪元素捕获点击,屏蔽下层点击 */
  background-color: transparent; /* 保持透明 */
}
1 个赞

我勒个去,谢谢~

代码漏写了屏蔽元素拖动,编辑了一下

请问能屏蔽键盘的操作么?有时候希望全选也能跳过这个红区部分

这应该需要写插件了,css应该做不到了,毕竟不是文本这类属性能控制

好的,谢谢~辛苦了