Martin: inline SVG in XML

Ist es vorgesehen SVG-Code direkt in XHTML zu schreiben?
Gibt es Browser, die das interpretieren?

Vielen Dank für Eure Hilfe

  1. hi

    Ist es vorgesehen SVG-Code direkt in XHTML zu schreiben?

    svg:text... sowas? ja, is nur etwas komplizierter erstmal.

    Gibt es Browser, die das interpretieren?

    Mozilla als SVG-Build und wenn die Datei als text/xml kommt (was dafür sorgt, dass der IE meistens auf die Barrikaden geht -> IE-Bug)
    Amaya, allerdings (wie auch Mozilla) mitr einer eher mittelprächtigen SVG-Implementierung.

    Grüße aus Bleckede

    Kai

  2. guten Morgen, Martin,
    <!-- das ist eine Anrede, auf die manche hier Wert legen //-->

    Ist es vorgesehen SVG-Code direkt in XHTML zu schreiben?

    NEIN. Die _Brücke_ zum Verständnis steht an etwas anderer Stelle: SVG ist, ebenso wie XHTML, eine SGML-Sprache (nicht ganz exakte Aussage). Das heißt, wenn dein Ursprungsdokument ein XML-Dokument ist, kannst du SVG _darin_ definieren, und _daraus_ HTML-Dokumente generieren. Im übrigen ist SVG eine vom W3C normierte Angelegenheit, die leider bisher zu wenig Verbreitung gefunden hat  -  siehe http://www.w3.org/Graphics/SVG/Overview.htm8

    Gibt es Browser, die das interpretieren?

    mozilla kann es in gewissen Grenzen, der IE kann es auch, falls ein entsprechendes plugin installiert ist. Konqueror (auf UNIX/LINUX) kann es noch nicht, aber galeon kriegt es mit Einschränkungen hin (wieder die Geschichte mit den plugins). Opera soll es können, hab ich aber noch nicht herausgefuzzelt, wie ...

    Wenn man sich eingehender mit SVG beschäftigt, sieht man leicht, was für eine faszinierende Sache das sein/werden könnte. Man kann dasselbe damit machen, wozu manche andere heute noch Flash bemühen, aber man bleibt trotzdem valide und W3C-konform ... es ist wohl noch ein weiter Weg, bis sich diese Empfehlung des W3C durchgesetzt haben wird. Genauer noch als mit Flash kann man mit SVG pixelgenau arbeiten, was bisweilen zu ziemlich abstrus wirkendem Quelltext führen kann. Aber es "funktioniert" halt.

    ;-)

    Grüße

    Christoph S.

    1. Moin,

      Gibt es Browser, die das interpretieren?
      mozilla kann es in gewissen Grenzen [...], aber galeon kriegt es mit Einschränkungen hin (wieder die Geschichte mit den plugins)

      Kannst du kurz erklären warum Galeon was nicht können sollte, was Mozilla kann?

      Im Übrigen ist das merkwürdig: Die SVG-Demo-Seiten die ich bisher gefunden habe, haben mir gesagt, dass ich kein entsprechendes Plugin hätte (egal ob mit Mozilla oder Galeon) und das ich das bei Adobe runterladen könnte. Leider haben die Adobe-Leute vergessen auf ihren Webseiten echte Links anzugeben und der Javascript-Code, der zur Navigation eingesetzt wird ist hirntot (Fehler:curDoc.layers has no properties).

      --
      Henryk Plötz
      Grüße aus Berlin

      1. Hallo,

        Leider haben die Adobe-Leute vergessen auf ihren Webseiten echte Links anzugeben ...

        Auf der offiziellen Download-Seite sind doch viele "echte Links":
        http://www.adobe.com/svg/viewer/install/main.html.

        MfG, Thomas

  3. Hallo,

    Ist es vorgesehen SVG-Code direkt in XHTML zu schreiben?
    Gibt es Browser, die das interpretieren?

    Als Ergaenzung: Der Adobe SVG Viewer kann im IE auf eine ziemlich eigene Art und Weise angesprochen werden:

    <html xmlns:iSVG="http://www.w3.org/2000/svg">
    <head>
    <title>Inline-SVG-Test by TM 07/02</title>
    <object id="AdobeSVG" classid="clsid:78156a80-c6a1-4bbf-8e6a-3cd390eeb4e2"></object>
    <?import namespace="iSVG" implementation="#AdobeSVG"?>
    </head>
    <body>
    <iSVG:svg width="600" height="300">
    <iSVG:rect x="100" y="100" width="200" height="100" style="fill: #00C;"/>
    <iSVG:circle cx="200" cy="200" r="50" style="fill: #F00;"/>
    </iSVG:svg>
    </body>
    </html>

    MfG, Thomas

    1. Guten Morgen,

      Danke für das Beispiel.

      Als Ergaenzung: Der Adobe SVG Viewer kann im IE auf eine ziemlich eigene Art und Weise angesprochen werden:

      warum sollte das nur im IE gehen und nicht im Mozilla und Opera mit dem gleichen Plugin?

      Leider funktioniert Dein Beispiel bei mir im IE 5.0 nicht. Ich habe noch eine kleine Anpassung vorgenommen, um zu sehen ob der ASV überhaupt gestartet wird:

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns:iSVG="http://www.w3.org/2000/svg">
      <head>
      <title>Inline-SVG-Test by TM 07/02</title>
      <object id="AdobeSVG" classid="clsid:78156a80-c6a1-4bbf-8e6a-3cd390eeb4e2"></object>
      <?import namespace="iSVG" implementation="#AdobeSVG"?>
      </head>
      <body bgcolor="#000000">
      <iSVG:svg width="600" height="300">
      <iSVG:rect x="100" y="100" width="200" height="100" style="fill: #00C;"/>
      <iSVG:circle cx="200" cy="200" r="50" style="fill: #F00;"/>
      </iSVG:svg>
      </body>
      </html>

      Das Resultat ist in allen fällen gleich: schwarzes Fenster in
      IE 5.0 Mozilla 1.0 Opera 6.04
      <object type="image/svg+xml" data="irgendein.svg" ></object>
      funktioniert problemlos im IE 5 und Opera >= 6.04, Mozilla stürzt ab.
      Leider ist es nicht möglich, den Quellcode direkt in data-Attribut zu schreiben oder gibt es da einen legalen Trick?

      1. Hallo,

        warum sollte das nur im IE gehen und nicht im Mozilla und Opera mit dem gleichen Plugin?

        Weil hier direkt auf die ActiveX-Komponente zugegriffen wird, siehe die CLASS-ID (CLSID).

        Leider funktioniert Dein Beispiel bei mir im IE 5.0 nicht.

        Mit ASV 3.0 funktioniert es bei mir im IE 5.5 und 6.0.

        Das Resultat ist in allen fällen gleich: schwarzes Fenster in
        IE 5.0 Mozilla 1.0 Opera 6.04
        <object type="image/svg+xml" data="irgendein.svg" ></object>
        funktioniert problemlos im IE 5 und Opera >= 6.04, Mozilla stürzt ab.
        Leider ist es nicht möglich, den Quellcode direkt in data-Attribut zu schreiben oder gibt es da einen legalen Trick?

        Man kann den Code z. B. mittels PHP direkt dem data-Attribut uebergeben. Ein Beispiel findest Du in diesem Codepaket zum Thema SVG: http://www.vnunet.de/internet-pro/download/06_02_downloads/0702svg/0702svg.zip.

        Den Absturz von Mozilla 1.x kann man temporaer zu umgehen versuchen, siehe: http://www.styleassistant.de/tips/tip91.htm.

        MfG, Thomas