2009-10-15 24 views
16

Estoy usando la biblioteca Raphaël-JavaScript para crear algunos gráficos circulares, pero quiero establecer que el desbordamiento del elemento SVG que lo contiene sea visible, para permitir que los gráficos queden adentro muestra afuera de su contenedor. La forma en que lo harías con los elementos dom normales (desbordamiento: visible;) no parece funcionar para contenedores svg. ¿Alguien tiene alguna experiencia al respecto o sabe cómo remediarlo?Permitir que los gráficos SVG se desborden fuera del elemento svg que contiene

Saludos

+0

¿Por qué no cambiar el tamaño del contenedor para evitar el recorte? –

+0

Estoy intentando evitar el pirateo del diseño, agrandar el contenedor y colocarlo arruinaría el flujo del resto de los elementos. –

Respuesta

9

Es un bug in Firefox.

WebKit implementa overflow: visible correctamente para elementos SVG, al igual que IE para elementos VML.

+3

Solo una nota para cualquier persona que tropiece con esta respuesta anterior de Google: el 'desbordamiento: visible' ahora funciona como se esperaba en Firefox. – Tersosauros

+0

No funciona para mí. Yo uso '

\t \t \t
' y de alguna manera esta imagen no puede desbordarse. El mismo resultado se aplica a 'overflow-x: visible'. En el SVG utilizo los atributos de ancho, peso y viewbox. EDITAR: Funciona después de reemplazar img con embed. – Soaku

Cuestiones relacionadas