Ich habe ein langjähriges Projekt: ein grundlegendes Vektorgrafik-Tool, das im Browser ausgeführt wird und SVG und Javascript verwendet (vielleicht haben Sie woanders etwas davon gesehen). Das Tool verfügt nur über einen sehr eingeschränkten Funktionsumfang, da das Publikum eingeschränkt und der Zweck sehr spezifisch ist und es in der Tat keine anderen Funktionen als die explizit zulässigen geben darf (Sie wissen). Ein verfehltes Feature ist das Erodieren (auch bekannt als Einfügen oder Dünn) und Erweitern (Anfang, Verdicken, Fetten) von Polygonen und anderen grafischen Elementen.

Ich habe den Offset-Pfad-Effekt von Adobe Illustrator oft verwendet und kann damit problemlos Kopien von verdünnten oder verdickten grafischen Objekten erstellen, ohne das ursprüngliche Objekt zu beeinträchtigen. Dies kann also nahezu alles sein, was vom Programm unterstützt wird.

Ich habe versucht, die gleiche Funktionalität in SVG zu erhalten, aber ohne Erfolg.

Ich habe Folgendes versucht:
- Filter erweitern und abtragen, jedoch mit unbefriedigenden Ergebnissen (Bitte sehen Sie das Bild hier)
- Server-seitige Python Shapely-Bibliothek, aber diese Problemumgehung ist zu langsam und ermöglicht nur das Einfügen oder Einfügen der grundlegenden Polygone (Beschreibung hier)
- Javascript-Bibliothek / Code / Funktion zu finden, die die Pfaddaten von grafischen Elementen ändern könnte, aber nichts für Javascript gefunden hat

Gibt es eine sinnvolle Möglichkeit, diesen Effekt wie den Offset Path Effect zu implementieren und wie?