<img> mit SVG-Data-URI?

[Felix Riesterer]

Liebe Mitlesende,

ich möchte ein SVG-Bild als Platzhalter-Vorschau verwenden, so lange der Benutzer kein anderes Bild ausgewählt hat (Bild-Einfügen/Bearbeiten-Dialog eines WYSIWYG-Editors). Ich verwende ein img-Element, bei dem dynamisch das src-Attribut geändert wird. Um nun das SVG-Bild anzuzeigen, habe ich mir gedacht, ich benutze einfach einen Data-URI. Obwohl eine solche Möglichkeit in unserem Wiki nicht erwähnt wird (Data-URIs nur für CSS-Code), hat es mit einem vergleichsweise simplen SVG-Beispiel geklappt.

Nun möchte ich ein komplexeres Beispiel verwenden. Damit klappt es nicht mehr. Warum? Und ist das Verwenden von Data-URIs bei img-Elementen auch heute noch problematisch, dass es im Wiki keine Erwähnung findet?

Hier ein passendes Fiddle zum Nachvollziehen: [Fiddle]

Liebe Grüße,

Felix Riesterer.