2009-10-15 21 views
16

Używam biblioteki Raphaël-JavaScript do tworzenia grafiki wykresów kołowych, ale chcę ustawić przepełnienie zawierającego element SVG na widoczny, aby umożliwić grafikę wewnątrz do wyświetlać poza swoim kontenerem. Sposób w jaki normalne elementy dom (przepełnienie: widoczne;) wydaje się nie działać dla kontenerów svg. Czy ktoś ma takie doświadczenie lub wie, jak temu zaradzić?Umożliwia przepełnienie grafiki SVG poza elementem SVG zawierającym

Cheers

+0

Dlaczego nie wystarczy zmienić rozmiar pojemnika, aby zapobiec przycinaniu? –

+0

Próbuję uniknąć zhakowania układu, zwiększając pojemnik i pozycjonując go zrujnowałoby przepływ dla pozostałych elementów. –

Odpowiedz

9

Jest to bug in Firefox.

WebKit implementuje overflow: visible poprawnie dla elementów SVG, podobnie jak IE dla elementów VML.

+3

Tylko uwaga dla każdego, kto natknie się na tę starą odpowiedź od Google - "overflow: visible" działa teraz zgodnie z oczekiwaniami w Firefoksie. – Tersosauros

+0

Nie działa dla mnie. Używam '

\t \t \t
' i jakoś ten obraz nie może się przepełnić. Ten sam wynik dotyczy 'overflow-x: visible'. W SVG używam atrybutów width, weight i viewbox. EDYCJA: Działa po zastąpieniu img z osadzania. – Soaku