Autoriser les graphiques SVG à déborder en dehors de l'élément svg contenant

J'utilise la bibliothèque Raphaël-JavaScript pour créer des graphiques en camembert, mais je veux que le débordement de l'élément SVG contenant soit visible, pour permettre aux graphismes à l'intérieur de afficher à l'extérieur de leur conteneur. La façon dont vous le feriez avec les éléments dom normaux (overflow: visible;) ne semble pas fonctionner pour les conteneurs svg. Quelqu'un a-t-il une expérience ou sait comment y remédier?Autoriser les graphiques SVG à déborder en dehors de l'élément svg contenant

Vive

Source

2009-10-15 Simon Kenyon Shepard

Pourquoi ne pas simplement changer la taille du conteneur pour éviter l'écrêtage? –

J'essaie d'éviter de pirater la disposition, d'agrandir le conteneur et de le positionner, ce qui ruinerait le flux pour le reste des éléments. –

C'est un bug in Firefox. WebKit implémente correctement overflow: visible correctement pour les éléments SVG, tout comme IE pour les éléments VML.

Source

2010-01-04 21:47:26 John

Juste une note pour quelqu'un d'autre qui trébuche sur cette vieille réponse de Google - le 'overflow: visible' fonctionne maintenant comme prévu dans Firefox. – Tersosauros

Ne fonctionne pas pour moi. J'utilise '

\t \t

' et en quelque sorte cette image ne peut pas déborder. Le même résultat vaut pour 'overflow-x: visible'. Dans le SVG, j'utilise les attributs width, weight et viewbox. EDIT: Cela fonctionne après avoir remplacé img avec embed. – Soaku

Autoriser les graphiques SVG à déborder en dehors de l'élément svg contenant

Répondre

Questions connexes