svg – 当它退出组区域时隐藏元素,类似于css溢出隐藏

前端之家收集整理的这篇文章主要介绍了svg – 当它退出组区域时隐藏元素,类似于css溢出隐藏前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要在画布上制作一个盒子(a),其中包含的巫婆元素是看不见的.

与overflow:hidden类似;在css.

注意:里面有可拖动的元素.我需要能够拖动它们但是如果它们退出一个盒子(类似于相机焦点)我需要它们不被显示(或者如果部分在里面,部分在外面则是它们的一部分),正如我所说的那样溢出:隐.

注2:我不能用其他元素来覆盖盒子周围的区域(请不要让我解释为什么除非绝对必要(我不知道如何说它短,所以我会添加图片和很多话):)).

解决方法

让你的可拖动元素成为< svg>的子元素.元素和设置溢出:隐藏在它上面. < svg> element可以是子元素也可以是根元素. A< g> element不会这样做,因为它没有明确的宽度/高度,并将扩展到包含的子节点的大小.

猜你在找的CSS相关文章