SVG-Export fügt Pixel in Vorschau und Browser hinzu

Hoffentlich gibt es eine einfache Lösung dafür, aber wenn ich ein Symbol exportiere, das in einer Skizze erstellt wird, fügt es im Grunde genommen ein Pixel hinzu. Ist dies beispielsweise ein Exportproblem oder ein Renderingproblem in Chrome? (oder beides).

Hier ist ein Screenshot dessen, was exportiert wird:

Geben Sie hier die Bildbeschreibung ein

Wie Sie sehen können, richtet sich alles nach dem Pixelraster usw.

Folgendes sehe ich in der Vorschau:

Geben Sie hier die Bildbeschreibung ein

Wie Sie sehen können, ist es deutlich gebrochen. Ich schätze, vielleicht ist die Pfeilspitze gebrochen, weil die Spitze auf ein halbes Pixel fällt? Aber ich kann das Problem mit der horizontalen Linie oben, die sich in der Höhe verdoppelt, nicht erklären! Bitte helfen Sie!

Das könnte nur ein Vorschau-Rendering-Fehler sein. Was passiert, wenn Sie es als Rasterbild oder als SVG ausgeben und in einem Browser anzeigen? Vorschauen sind nur Vorschauen. . . schließlich.
gleiches Problem im Browser. Ich habe es aus Illustrator exportiert und es scheint in Ordnung zu sein, also muss es sich um ein Skizzenproblem handeln
Haben Sie versucht, in SVG zu exportieren? Überprüfen Sie den generierten SVG-Code und sehen Sie, ob die Dimensionen über dem Raster auslaufen (wenn Sie einige wirklich seltsame Gleitkomma-Dezimalzahlen anstelle von exakten Ganzzahlwerten finden).

Antworten (1)

Versuchen Sie es mit der alten Exportoption (Datei>Exportieren>Exportieren als). Auf diese Weise können Sie festlegen, auf wie viele Nachkommastellen die SVG gerundet wird. Versuchen Sie es mit '2'. Das kann etwas Ordnung schaffen.

Geben Sie hier die Bildbeschreibung ein.

Beachten Sie, dass je kleiner die viewBox ist, desto mehr Dezimalstellen erforderlich sein können.