svg - nasconde un elemento quando esce dall'area di gruppo, simile al css overflow nascosto

Question

Ho bisogno di creare una scatola su una tela (a), al di fuori gli elementi di strega contenuti in essa sono invisibili.

Simile a overflow: nascosto; in css.

Nota: all'interno sono presenti elementi trascinabili. Devo essere in grado di trascinarli ma se escono da una scatola (qualcosa come una messa a fuoco della fotocamera) ho bisogno che non vengano mostrati (o parti di essi se parte è dentro, parte è esterna), come ho detto esattamente come overflow: nascosto.

Nota 2: Non posso usare altri elementi per coprire l'area intorno alla scatola (per favore non farmi spiegare il motivo a meno che non sia assolutamente necessario (non so come dirlo in modo breve quindi aggiungerò immagini e tante parole :)).

Answer 1

I tuoi elementi trascinabili sono figli di un elemento <svg> e impostano l'overflow: nascosto su di esso. Un elemento <svg> può essere un figlio nonché l'elemento radice. Un elemento <g> non funzionerà in quanto non ha larghezza/altezza esplicite e si espanderà alle dimensioni dei bambini contenuti.