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

Question

我需要在画布上制作一个方框（a），其中包含的女巫元素是不可见的。

类似于overflow：hidden;在css。

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

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

Answer 1

让您的可拖动元素成为<svg>元素的子元素，并设置overflow：hidden。 <svg>元素可以是子元素，也可以是根元素。 <g>元素不会执行，因为它没有明确的宽度/高度，并且会扩展到包含的子元素的大小。