Hallo
Ich habe einige SVG-Icons erstellt (meine allerersten Versuche mit SVG), die ich in ein Github-Repo eingefügt habe. Die Dateiansicht von Github kann SVG-Dateien anzeigen, bei meinen Dateien funktioniert das aber nicht. Die Dateien selbst werden im Dateimanager mit Vorschau dargestellt und, auf einer Seite als CSS-Hintergrundbilder eingebunden werden sie im Firefox und im Vivaldi (Chomium-Engine), auch mit background-size
skaliert, problemlos angezeigt.
Beispielbild mit einer Diskette:
Die Einbindung des Bildes in diesem Posting erfolgt mit dem MD-Code für Bilder. Wie man sieht, wird aber nur eine Verlinkung erzeugt. Wenn man dieser folgt, wird das Bild aber tatsächlich angezeigt. Was fehlt in meinem Code, damit das Bild hier und auch auf Github angezeigt wird? Ich vermute, dass irgendeine URL für irgendeinen Namespace, den ich nicht einmal verwende, fehlt. Wenn ich ein Bild mit Inkscape erstelle, werden dort immer -zig Namespaces definiert, auch wenn ich nur eine Linie gezeichnet habe.
Quellcode des Bildes:
<?xml version="1.0" standalone="yes"?>
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128">
<style type="text/css">
<![CDATA[
#floppy, #hole { stroke: none; fill: #56d; }
#slider { fill: #ddd; }
#sticker { fill: #fff; }
path { fill: none; stroke-width: 8px; stroke: #555;}
]]>
</style>
<polygon id="floppy" points="1,4 4,1 114,1 127,14 127,124 124,127 4,127 1,124" />
<rect id="slider" x="34" y="1" width="60" height="44" />
<rect id="hole" x="70" y="10" width="16" height="32" />
<rect id="sticker" x="21" y="68" width="86" height="40" />
<path d="M28,80 h60" />
<path d="M28,96 h48" />
</svg>
Tschö, Auge
Wenn man ausreichende Vorsichtsmaßnahmen trifft, muss man keine Vorsichtsmaßnahmen mehr treffen.
Toller Dampf voraus von Terry Pratchett