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

Question

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

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

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

注意2：我不能使用其他元素来覆盖盒子周围的区域（请不要让我解释为什么，除非绝对必要（我不知道怎么说短，所以我会添加图片和大量字） ：） ）。

Answer 1

让您的可拖动元素成为元素的子<svg>元素并设置溢出：隐藏在其上。一个<svg>元素既可以是子元素，也可以是根元素。一个<g>元素不会这样做，因为它没有明确的宽度/高度，并且会扩展到包含的子元素的大小。