Wie speichere ich ein "xlink"-SVG-Logo?

PcNichtsNutz

Lt. Commander
Registriert
Mai 2014
Beiträge
1.463
z5z6346776.jpg

Was muss ich machen, um dieses Logo zu speichern? "Rechtsklick > Tab öffnen" geht nicht. Ich habe den Link kopiert und bei der Webseite-URL eingefügt und da komme ich auf eine komplett weiße Seite, wo ich eine SVG mit Rechtsklick speichern kann, aber die ist komplett leer.
 
SVGs können per CSS auch eingefärbt und verändert werden. In dem HTML-Schnipsel siehst du ja auch die beiden Klassen icon und icon-logo. Evtl. zeigst du uns mal den Inhalt dazu dann kann man prüfen ob dein Download prinzipiell korrekt wäre und ein weißes Logo liefern würde.

Theoretisch gibt es auch Browser-Plugins die dich hierbei unterstützen, z.B.: https://svgexport.io/
 
ZetaZero schrieb:
da komme ich auf eine komplett weiße Seite
Sicher das es nicht ein weißes Logo auf weißem Hintergrund ist?

Wenn du in die DevConsole unter Chrome gehst kannst du auch unter "Network" -> "Img" alle Bilddateien sehen.
Sieht dann so aus:
1644578168076.png


Dann Rechtsklick -> Speichern als. Sieht hier im Beispiel von CB auch "leer" aus wenn ich sie öffne. Weil weiß auf weiß.
 
Bei xlinks in use Elementen ist das eine Referenz zu einem Bestandteil eines anderen SVGs das irgendwo im Quellcode lauert.
In den Dev-tools(FF) im DOM tree(Inspektor) nach der ID #icon-logo suchen hilft.
Hier sieht man wie sowas gebaut wird: https://wiki.selfhtml.org/wiki/SVG/Elemente/use

Dann dort direkt den Knoten kopieren(rechte Maustaste, äußeres HTML), und in einem Texteditor einfügen. Speichern als <dateiname>.svg
ggf noch SVG Basis-Markup hinzufügen, siehe: https://wiki.selfhtml.org/wiki/SVG/Elemente/svg
 
Zuletzt bearbeitet:
Zurück
Oben