在canvas里面画图时,有时候部分布局已经定下来了,但还是可能一不小心又做了调整,而目前好像只能全盘锁定,不能局部锁定
可以添加一个空的元素覆盖在上面,从而屏蔽特定颜色组和节点的拖动事件,但缩放事件好像不能屏蔽,楼主自己摸索一下
效果如图:
- 屏蔽了红色组和元素的拖动事件
.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应该做不到了,毕竟不是文本这类属性能控制
好的,谢谢~辛苦了