Usunięcie lub ukrycie elementu svg

Question

jest możliwe usunięcie lub ukrycie elementu svg za pomocą css lub jquery. Wiem, jak "edytować" element div za pomocą css. Coś takiego:

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

i jestem ciekawy jest ti możliwe coś takiego z SVG. przykładem Kod SVG

<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 207 95" xml:space="preserve" height="95px" viewBox="0 0 207 95" width="207px" version="1.1" y="0px" x="0px"> 

Dziękuję

Answer 1

Użyj SVG atrybut visibility.

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

atrybut widoczność pozwala kontrolować widoczność elementów graficznych. O wartości ukrytej lub zwinąć bieżącego elementu graficznego jest niewidoczny

---

[ aktualizacja]

Jednak display: none; i opacity: 0 pracy też.

Ale wiem, że opacity (MDN Link) jest najbardziej kosztowne obliczeniowo (jak utrzymuje elementy kliknij zdarzenie żyje, mimo że element nie jest wyświetlany wizualnie),

następnie visibility,

następnie display, https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/display.

Jednak korzystanie z funkcji display nie zawsze jest najlepsze, ponieważ uzyskujemy większą kontrolę nad elementami dzięki visibility (np. "Jeśli próbujesz ukryć całą grupę, z wyjątkiem jednego konkretnego członka tej grupy, użyj" widoczność”, jak to na sterowanie ręczne jest w spadku.” link)

SVG Resource