canvas能锁定部分节点么？

疑问解答
1

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

2

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

效果如图：

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

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 个赞
3

我勒个去，谢谢~

4

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

5

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

6

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

7

好的，谢谢~辛苦了