2009-10-15 7 views
16

Sto utilizzando la libreria Raphaël-JavaScript per creare grafici a torta, ma voglio impostare l'overflow dell'elemento SVG contenente visibile, per consentire la grafica all'interno visualizzare al di fuori del loro contenitore. Il modo in cui si farebbe con i normali elementi dom (overflow: visible;) non sembra funzionare per i contenitori svg. Qualcuno ha qualche esperienza in questo o sa come porvi rimedio?Consenti agli elementi grafici SVG di fuoriuscire all'esterno dell'elemento svg contenente

Acclamazioni

+0

Perché non solo modificare le dimensioni del contenitore per evitare il clipping? –

+0

Sto cercando di evitare l'hacking del layout, rendendo il contenitore più grande e posizionandolo rovinerebbe il flusso per il resto degli elementi. –

risposta

9

E 'un bug in Firefox.

WebKit implementa overflow: visible correttamente per gli elementi SVG, così come IE per gli elementi VML.

+3

Solo una nota per chiunque altro inciampi su questa vecchia risposta di Google - il 'overflow: visible' ora funziona come previsto in Firefox. – Tersosauros

+0

Non funziona per me. Io uso '

\t \t \t
' e in qualche modo questa immagine non può traboccare. Lo stesso risultato vale per 'overflow-x: visible'. In SVG uso gli attributi width, weight e viewbox. EDIT: Funziona dopo aver sostituito img con embed. – Soaku