svg - 退出组区域时隐藏元素，类似于css溢出隐藏

Question

我需要在 Canvas (a) 上制作一个盒子，其中包含的外部女巫元素是不可见的。

类似于溢出:隐藏；在 CSS 中。

注意:里面有可拖动的元素。我需要能够拖动它们，但是如果它们退出一个框(类似于相机焦点)，我需要它们不被显示(或者它们的一部分，如果一部分在里面，一部分在外面)，正如我所说的完全像溢出:隐。

注 2:我不能使用其他元素来覆盖盒子周围的区域(请不要让我解释原因，除非绝对必要(我不知道如何说短，所以我会添加图片和大量字) :) )。

Answer 1

让你的可拖动元素成为 <svg> 的子元素element 和 set overflow: hidden 就可以了。安 <svg>元素可以是子元素也可以是根元素。一个 <g> element 不会这样做，因为它没有明确的宽度/高度，并且会扩展到包含的子项的大小。