Exportieren von SVG aus Illustrator als Striche anstelle von Pfaden

Ich habe dieses Bild, das ich als SVG exportiere, um es zu animieren:

Typischer Moet-Trinker

In der Version, die ich als SVG exportiere, gibt es keine Hintergrundfarbe, das ist nur da, damit Sie es in diesem Beitrag sehen können. Das SVG besteht vollständig aus Strichen in Illustrator, daher habe ich erwartet, dass das SVG als Striche exportiert wird. Stattdessen wird es als Pfade mit Füllungen exportiert.

Zuerst dachte ich, das könnte daran liegen, dass die Striche variable Breiten haben, es wurde mit einem druckempfindlichen Stift gezeichnet. Als ich jedoch eine einfache Kreisform mit einem gleichmäßig breiten Strich als SVG exportierte, kam dies auch als Pfad mit einer Füllung heraus. Pfade mit Füllungen können im Web nicht animiert werden.

Irgendwelche Ideen, wie ich dieses Bild mit SVG-Strichen exportieren kann? Ich bin bereit, wenn möglich mit einem anderen Programm zu exportieren. Leider kann After Effects mit meiner Grafikkarte nicht so viele Formen verarbeiten, sonst würde ich mit Lottie exportieren.

Ich bin mir nicht sicher, warum alles, was Sie als Füllungen exportieren, ... Aber ich bin mir ziemlich sicher, dass SVG keine Striche mit variabler Breite unterstützt. Ich habe mich nie damit befasst, aber ich wäre sehr überrascht, wenn es so wäre.
Die variable Breite ist eine Funktion von Adobe Illustrator, kein SVG. Wenn Sie es dann exportieren, wird Ihr variabler Strich als Füllung abgeflacht.

Antworten (2)

Wenn Sie große Probleme haben, Ihre Strichstärken korrekt zu exportieren, testen Sie die Lösung des Problems, indem Sie alle Ihre Striche erweitern, sodass die Striche jetzt Füllungen sind ... sollte Ihr Problem lösen.

Ich habe gerade sowohl Illustrator als auch Affinity Designer getestet - beide exportieren gewichtsvariable Striche ohne Probleme - daher kann ich Ihr Problem leider nicht bestätigen. In beiden Fällen habe ich Standard-SVG-Exportoptionen von Plain Vanilla verwendet.

Ich denke, um zu helfen, brauchen wir mehr Details.

Geben Sie hier die Bildbeschreibung ein

Aber ich möchte, dass meine Striche Striche sind. Übersehe ich etwas?

Wenn Sie einen Strich mit variabler Breite haben, hat jeder Exporteur nur 2 Optionen:

  1. Erweitern Sie den Strich, um das Erscheinungsbild beizubehalten, da SVG keine Striche mit variabler Breite unterstützt. (es wurde vorgeschlagen, existiert aber in keiner bekannten Implementierung)

  2. Kümmern Sie sich nicht darum, wie es aussieht, und lassen Sie die variable Breite fallen.

Sie haben also diese Optionen. Und fast jeder möchte Option 1. Es sei denn, eine Option zum Beibehalten der Striche als Änderung. Aber da ot nicht kann, müssen Sie sich entweder gegen 1 oder 2 behaupten. Nein, Sie können dies nicht tun.