Wie füge ich in Inkscape einen weißen Hintergrund hinzu?

Derzeit hat die gespeicherte SVG-Datei einen weiß-grau karierten Hintergrund, was meiner Meinung nach daran liegt, dass der Hintergrund transparent ist. Ich versuche, dies zu einem weißen Hintergrund zu machen. Ich habe mir andere Antworten angesehen, und eine sagte, ich solle in die Dateien navigieren. Ich konnte die Dateischaltfläche in Inkscape nicht finden, also habe ich mich entschieden, einfach ein Hintergrundquadrat hinzuzufügen. Danach ist das Problem immer noch ungelöst.

Warum funktioniert nichts und wie kann ich dieses Problem beheben?

Antworten (2)

Sie haben Recht - dass "überprüfter Hintergrund" ist, wie viele Programme transparente Bereiche anzeigen. SVG-Dateien haben einen transparenten Hintergrund. Das Ändern der Hintergrundfarbe ist nicht Teil des SVG-Standards, daher wird das Ändern der Hintergrundfarbe in Inkscape nicht auf die SVG-Datei übertragen, wenn sie in einem Browser angezeigt wird.

Es gibt mehrere Möglichkeiten, eine einfarbige Hintergrundfarbe zu erhalten:

  1. Wenn Sie ein PNG exportieren, klicken Sie im Menü Datei auf Dokumenteigenschaften . Klicken Sie
    unten in den Dokumenteigenschaften auf Hintergrundfarbe . Ändern Sie es so, wie Sie es möchten. Stellen Sie sicher, dass A (der Alphakanal) nicht 0 ist. 255 ist solide.
    Hinweis: Der Seitenhintergrund ist keine standardmäßige SVG-Funktion, daher werden Browser ihn wahrscheinlich nicht berücksichtigen. Verwenden Sie diese Methode nur, wenn Sie das SVG nur mit Inkscape in ein PNG konvertieren.
  2. Setzen Sie ein Rechteck in den Hintergrund.
    Stellen Sie sicher, dass die Füllfarbe weiß ist (ich glaube, die Standardeinstellung ist transparent) und es keinen Strich gibt. Dies ist wahrscheinlich die browserfreundlichste.

Ähnliche Frage: Standardhintergrund des SVG-Wurzelelements

Gibt es eine einfache Möglichkeit, ein Rechteck zu erstellen, das so groß wie das Bild ist? Der standardmäßige Rasterfang funktioniert nicht immer, wenn die Seitengröße kein Vielfaches der Rastergröße ist. Sie können einfach ein Rechteck erstellen, das größer als der Hintergrund ist, aber das fühlt sich hässlich an. Ich frage mich, ob es deswegen Probleme geben würde. Ich wünschte, Inkscape könnte ein SVG mit einem Hintergrundrechteck exportieren, bezogen auf: gitlab.com/inkscape/inkscape/-/issues/531#note_712957189

Tipps, um die Problemumgehung für das Hintergrundrechteck erträglicher zu gestalten

Wie erwähnt unter: https://graphicdesign.stackexchange.com/a/74920/21867 basierend auf https://stackoverflow.com/questions/11293026/default-background-color-of-svg-root-element das einzig zuverlässige SVG Die Lösung für die Hintergrundfarbe scheint darin zu bestehen, dem Hintergrund ein farbiges Rechteck hinzuzufügen.

Leider hat Inkscape keine Option zum Exportieren des SVG mit diesem automatisch hinzugefügten Rechteck, verwandte Diskussion , also um die Dinge etwas bequemer zu machen, könnten Sie die folgenden Tipps verwenden:

  • Machen Sie einfach das Hintergrundrechteck größer als das Bild, machen Sie sich keine Sorgen, dass es genau die gleiche Größe hat.

    SVG unterstützt Objekte außerhalb des Ansichtsfensters, und nur das, was sich im Ansichtsfenster befindet, wird am Ende angezeigt.

    Es kann schwierig sein, das Hintergrundrechteck genau so groß wie das Bild zu machen, wenn:

    • die Bildgröße ist kein Vielfaches der Rastergröße ist kein Vielfaches der Rastergröße, also hast du keinen passenden Schnappschuss
    • Möglicherweise ändern Sie während der Entwicklung die Größe des Bilds, um mehr Platz für bestimmte Komponenten zu haben

    Sie könnten die genauen Koordinaten/Breiten auch einfach manuell in Inkscape eingeben, aber ich glaube nicht, dass dies einen Vorteil bringt.

    Wenn Sie eine feste Zielgröße haben, besteht eine Alternative darin, zuerst das Rechteck zu erstellen, die Abmessungen manuell einzugeben und dann Strg + Umschalt + D > „Größe der Seite an Zeichnung anpassen“ (Strg + Umschalt + R) wie unter: https: // youtu.be/cLIYCJ0DM6Q?t=145

  • Legen Sie den Hintergrund in eine separate Ebene unter der obersten Ebene und sperren Sie ihn. Andernfalls ziehen Sie es versehentlich weiter herum, wenn Sie stattdessen Vordergrundelemente verschieben möchten. Dieser Tipp wird erwähnt unter: https://www.youtube.com/watch?v=cLIYCJ0DM6Q&t=196s

    Dies hat auch den Vorteil, dass Sie, wenn Sie jemals basierend auf Inhalten ohne das (übergroße) Hintergrundrechteck "Größe der Seite zur Zeichnung ändern" (Strg + Umschalt + R ) möchten, einfach die Hintergrundebene vor Strg + Umschalt + R unsichtbar machen können. und danach wieder sichtbar machen, da Inkscape unsichtbare Ebenen für Strg + Umschalt + R nicht berücksichtigt.

  • Dokumenteigenschaften (Strg + Umschalt + D) > Rand > „Rand über der Zeichnung“, sonst verdeckt Ihr Hintergrundrechteck die Ränder des Ansichtsfensters und Sie verlieren die Vorstellung davon, wo Sie sich in der Zeichnung befinden.

  • Stellen Sie "Dokumenteigenschaften" (Strg + Umschalt + D) > "Karierter Hintergrund" ein, um zu wissen, wo sich Ihr Hintergrund befindet. Andernfalls ist es schwierig zu wissen, wo der Hintergrund beginnt und endet, um sicherzustellen, dass die gesamte Leinwand bedeckt ist

-bin der Befehlszeile für den PNG-Export

ZB um einen weißen Hintergrund zu bekommen, statt jetzt standardmäßig transparent:

inkscape -b FFFFFF -h 1024 input.svg -o output.png

Getestet auf Inkscape 1.0.1, Ubuntu 20.10.

Verwandte: https://superuser.com/questions/249860/how-can-i-change-inkscapes-default-export-background-color-from-yellow-to-white

Ich bin mir nicht sicher, warum Sie herabgestimmt werden, ich habe das Beste aus Ihrer Antwort herausgeholt.
@RohitGupta danke! Vorher hatte ich übrigens nur den CLI-Optionsunterabschnitt.