Rimuovi o nascondi l’elemento svg

è ansible rimuovere o hide l’elemento svg usando css o jquery. So come “modificare” l’elemento div usando css. Qualcosa come questo:

div[style="position: absolute; cursor: pointer; width: 207px; height: 95px; left: 513px; top: 0px; -webkit-transform-origin: 100% 0%;"] { display: none !important; } 

e sono curioso è ansible qualcosa del genere con svg. Esempio di codice per svg

  

Grazie

Usa l’attributo di visibility SVG.

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/visibility

L’attributo visibilità ti consente di controllare la visibilità degli elementi grafici. Con un valore nascosto o collassato, l’elemento grafico corrente è invisibile


[ aggiorna ]

Comunque display: none; e opacity: 0 funzionano anche.

Ma sappi che l’ opacity ( MDN Link ) è la più onerosa dal punto di vista computazionale (in quanto mantiene vivo l’evento click sugli elementi anche se l’elemento non è visualizzato visivamente),

quindi visibility ,

quindi display https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/display .

Ma correre a usare il display non è sempre il massimo perché otteniamo un maggiore controllo sugli elementi con visibility (per esempio, “Se stai cercando di hide un intero gruppo, ad eccezione di un particolare membro di quel gruppo, usa” visibilità “mentre è sovrascrivibile in ereditarietà. ” link )

Risorsa SVG