SVG und <image>-Tag

Status
Nicht offen für weitere Antworten.

OnlyFoo

Erfahrenes Mitglied
Hey, ich erstelle inline eine SVG-Datei, das funktioniert auch soweit ganz gut. Namespaces und so sind alle ok. Ich möchte jedoch innerhalb der SVG eine weitere SVG über den image Tag einbinden: <image xlink:href='clock-hand-second.svg' width='100px' height='100px' />. Das geht jedoch nicht. Etwas googlen hat erbracht, dass man über den image-Tag im Firefox nur png/jpg einbinden kann, aber keine andere .svg-Datei. Die Referenz/Spezifikation sieht das jedoch vor.
Hat jemand eine Ahnung, obich da tricksen kann? Momentan wandel ich die SVG einfach in PNG um, aber das ist ja nicht Sinn der sache.
Funktionieren soll das am Ende nur im Firefox3+
Gruß, Olli
 
Eben genau das hab ich auch gelesen. Deswegen frag ich, obs irgendeine art Workaround gibt...
mit XMLHttpReqeust das SVG laden und dann einfügen hab ich schon probiert. Führte aber zu dem Problem, dass einige IDs doppelt definiert wurden, und dann einige Farbverläufe fehlerhaft waren.
Das wiederum hab ich gelöst indem ich die doppelten ids gegen neue ausgetauscht hab und alle Attribute geändert hab, wo die alte ID vorkam. Dauert aber etwa 200ms... bei 8 SVG-bildern, die ich lade, dauert das zulange =)
 
Will dich ja nicht enttäuschen, aber wenn sie es schon in der Bugliste behandeln, dann ist es meistens auch so ;) .
 
was mir gerade einfällt: kann man den html-<object>-Tag in einer SVG nutzen und damit vielleicht eine weitere SVG einbinden?
 
Davon bin ich eigentlich ausgegangen, siehe den link von oben.

Bsp.

HTML:
<html>
<body>
Zoom images with scroll wheel. Click and drag to move.<br/>
<hr/>
With svg:
<object data="zoomframe1.svg" type="image/svg+xml"
        width="300" height="300">
    <embed src="zoomframe2.svg" type="image/svg+xml"
           width="300" height="300" />
</object>
With png:
<object data="zoomframe2.svg" type="image/svg+xml"
        width="300" height="300">
    <embed src="zoomframe2.svg" type="image/svg+xml"
           width="300" height="300" />
</body>
</html>
 
Status
Nicht offen für weitere Antworten.
Zurück