Orlando: HTML in SVG einbinden (kein Schreibfehler!)

Beitrag lesen

wie man SVG in HTML einbindet: das kann man googlen. Allerdings mich würde die Umkehrung interessieren: ist es möglich, HTML-Dateien in SVG einzubinden.

Ja, mit foreignObject, derzeit allerdings nur in Firefox’ nightly builds.

Beispiel:

<?xml version="1.0" standalone="yes"?>  
<svg version="1.1" xmlns = "http://www.w3.org/2000/svg">  
    <desc>foreignObject-Test</desc>  
    <switch>  
        <foreignObject x="100" y="200" width="100%" height="100%" transform="rotate(-45, 50, 200)">  
            <body xmlns="http://www.w3.org/1999/xhtml">  
                <h1>foreignObject</h1>  
                <p>funktioniert</p>  
            </body>  
        </foreignObject>  
        <text font-size="10" font-family="Verdana">  
            <tspan x="10" y="10">fallback</tspan>  
        </text>  
    </switch>  
</svg>

ergibt in Firefox 3.0a9pre folgendes Bild:

foreignObject in Firefox 3

Simples Einbetten eines externen Dokuments scheint in SVG nicht möglich zu sein, jedenfalls finde ich keine Information darüber. Da müsstest du serverseitig nachhelfen und das SVG-Dokument gleich samt dessen XHTML-Inhalt generieren.

Die Drehung eines Bildes beherrschen auch ältere Browserversionen und Opera 9.5 endlich ohne verwaschenes Ergebnis.

Roland

--
Aquahu akbar!