Lassen Sie SVG-Grafiken über das enthaltene svg-Element hinauslaufen

Ich verwende die Raphaël-JavaScript-Bibliothek, um einige Kreisdiagrammgrafiken zu erstellen, aber ich möchte den Überlauf des enthaltenen SVG-Elements sichtbar machen, damit die Grafiken darin angezeigt werden Anzeige außerhalb ihres Containers. Die Art und Weise, wie Sie mit normalen dom-Elementen (Überlauf: sichtbar;) arbeiten würden, scheint für Svg-Container nicht zu funktionieren. Hat jemand Erfahrung damit oder weiß, wie man es beheben kann?Lassen Sie SVG-Grafiken über das enthaltene svg-Element hinauslaufen

Prost

Quelle

2009-10-15 Simon Kenyon Shepard

Warum nicht einfach die Größe des Containers ändern, um das Clipping zu verhindern? –

Ich versuche zu vermeiden, das Layout zu hacken, den Container größer zu machen und die Positionierung würde den Fluss für den Rest der Elemente ruinieren. –

Es ist ein bug in Firefox.

WebKit implementiert overflow: visible korrekt für SVG-Elemente, wie IE für VML-Elemente.

Quelle

2010-01-04 21:47:26 John

Nur ein Hinweis für alle anderen, die auf diese alte Antwort von Google stolpern - das 'overflow: visible' funktioniert jetzt wie erwartet in Firefox. – Tersosauros

Funktioniert nicht für mich. Ich benutze '

\t \t

' und irgendwie kann dieses Bild nicht überlaufen. Das gleiche Ergebnis gilt für "overflow-x: visible". Im SVG verwende ich die Attribute width, weight und viewbox. EDIT: Es funktioniert nach dem Ersetzen von img durch Einbetten. – Soaku

Lassen Sie SVG-Grafiken über das enthaltene svg-Element hinauslaufen

Antwort

Verwandte Themen