Inkscape - Beim Speichern als SVG und Hochladen ins Web wird nichts angezeigt

Ich bin wirklich neu bei Inkscape und habe Probleme beim Exportieren meiner Datei zur Verwendung auf einer Webseite. Ich habe ein Logo erstellt und es wie folgt als SVG exportiert:

Datei -> Speichern unter -> Optimiertes SVG (Standardeinstellungen).

Der Name der Datei ist logo.svg und so habe ich in meinem HTML für meine Website einfach getan, aber das Problem ist, dass nichts angezeigt wird. Wenn ich logo.svg durch facebook.svg ersetze (etwas, das ich online bekommen habe), wird das perfekt angezeigt, also liegt mein Problem darin, es falsch zu exportieren.

Das Logo besteht aus 2 Textobjekten und einem Auslassungsobjekt, das verwendet wird, um einem Teil des Textes Glanz zu verleihen, und sonst nichts. Was könnte ich beim Speichern falsch gemacht haben?

Jede Hilfe ist willkommen.

Du hättest über die Grenze ziehen können. Was passiert, wenn Sie das SVG direkt im Browser öffnen (Adressleiste: file:///home/user318/foo/bar/logo.svg)? Welcher Browser? Öffnen Sie nur das SVG vom Online-Speicherort ( mywebspace/foo/bar/logo.svg )?
Kannst du die URL deiner Seite posten?

Antworten (1)

Ohne das SVG zu sehen, ist es schwer zu sagen, aber hier sind einige Möglichkeiten:

Haben Sie außerhalb des Zeichenbereichs gezeichnet?

Öffnen Sie die Datei und drücken CtrlSie + Shift+ D. Es gibt eine Option zur Größenänderung basierend auf der Zeichnung.

Hast du ein verwendet <flowRoot>?

Es gibt zwei Möglichkeiten, Text hinzuzufügen.

  1. Klicken Sie einmal und beginnen Sie dann mit der Eingabe (dadurch wird ein erstellt <svg:text>)
  2. Klicken und ziehen Sie, geben Sie dann ein (dadurch wird eine<flowRoot>

Während Sie mit letzterem ein Textfeld erstellen können, das umbrochen wird, ist dies keine Standard-SVG-Funktion und wird von vielen Browsern ignoriert.

Wählen Sie das Objekt aus, um es zu beheben. Klicken Sie dann im Menü Text auf In Text konvertieren .

Wandeln Sie den Text in einen Pfad um

Es ist wichtig zu beachten, dass SVG-Dateien keine Schriftarten einbetten. Wenn der Benutzer die Schriftart nicht hat, kann sie auf unerwartete Weise ersetzt werden. Bei Dingen wie Logos möchten Sie definitiv nicht, dass Ihre Schriftart ersetzt wird.

Die Lösung besteht darin, den Text in einen Pfad umzuwandeln. Wählen Sie das Objekt aus. Klicken Sie dann im Menü Pfad auf Objekt zu Pfad .

Sie können den Text nicht mehr bearbeiten, aber er wird von Browsern genau so wiedergegeben, wie Sie ihn sehen. Wenn Sie das Knotenwerkzeug verwenden F2und den Mauszeiger über die Buchstaben bewegen, sehen Sie, dass es sich jetzt um einzelne Pfade handelt.

Prämie: Tipp

Wenn Sie ein Bild haben, bei dem Sie später vielleicht Text bearbeiten, aber auch in Pfade konvertieren möchten, müssen Sie nicht zwei separate Dateien speichern (obwohl das auch funktioniert). Manchmal speichere ich den Text in einer separaten Ebene. Wenn ich alles in Pfade konvertieren möchte, dupliziere ich die Textebene, konvertiere sie und verstecke dann das Original. Auf diese Weise kann ich den Text behalten, wenn ich ihn später bearbeiten muss.