Thomas J.S.: SVG PNG

Beitrag lesen

Hallo,

gibt es eine Möglichkeit, ein *.png in ein *.svg einzubinden, aber nicht mit dem Pfad zum *png sondern direkt das *.png in das svg einbetten, sodass alles in einer Datei ist.
Bis jetzt habe ich es nur so geschafft:

<svg>
    <image ...  xlink:href="..." />
</svg>

  
Das ist der übliche Weg.  
  
Was du möchtest ist, binäre Daten in einer Klartextdatei einzufügen, D.h. du muust erst das PNG mit base64 encoden, dann könntest du so etwas versuchen:  
  
<image width="..." height="..."  
xmlns:xlink="http://www.w3.org/1999/xlink"  
xlink:href="data:image/png;base64,XXXXXXXXXXXXXXXXXXXXXXXXXX"  
xlink:type="simple"  
xlink:actuate="onLoad"  
preserveAspectRatio="xMidYMid meet"  
xlink:show="embed"/>  
  
In der Zeile:  
xxlink:href="data:image/png;base64,XXXXXXXXXXXXXXXXXXXXXXXXXX"  
kommt statt den vielen X, das base64 code des PNG.  
  
Grüße  
Thomas