Wie kommst du darauf, dass das Widget benutzerdefinierte SVG erstellen kann? WSX5 hat keine eingebaute SChnittstelle zu Adobe Illustrator!

Wenn du einen TYP auswählst, dann erzeugt es eine transparente SVG Grafik Welle die als Separator z.B. zwischen 2 Text-Objekten einfügen kann.

nfinite creative possibilities with the "Custom" mode and support for custom shapes: follow the guide to discover how to use your SVG to create custom separators!

siehe Bild

In der Anleitung etwas weiter unten steht dieser Abschnitt, der beschreibt wie man eine eigene SVG-Grafik mit externen Programmen erstellen kann, siehe Auszüge unten (vollständig lesen)

Selber habe ich das Objekt nicht gekauft, kann also keine Praxiserfahrungen beisteuern.

-----

Shape Separator-Objekt: Wie erstellt man einen Separator mit einer komplexen und anpassbaren Form?

...

...

Wie man eine individuelle Form erstellt 

Wie bereits erwähnt, können Sie neben der Auswahl zahlreicher vordefinierter Formen mit dem Shape Separator-Objekt auch eine eigene SVG-Maske verwenden. Sehen wir uns gemeinsam die Schritte an, die in diesem Fall zu befolgen sind:

• Zunächst müssen Sie ein Vektorgrafikprogramm öffnen. Jede Plattform, die das Erstellen von Pfaden ermöglicht, kann verwendet werden, um eine SVG-Datei zu exportieren: Softonic Inkscape, Adobe Illustrator, Affinity Designer oder auch die bekannten Tools wie Adobe XD, Figma, Sketch usw. Alternativ finden Sie online viele spezialisierte Tools zur Erstellung von Separatoren, eines davon ist ShapeDivider. ShapeDivider ist kostenlos und bietet neben der Erstellung des Separators als SVG auch den dazugehörigen HTML-Code an. 
• ...
• ...
• Wenn Sie stattdessen die ShapeDivider-App verwenden, können Sie den Konfigurator nutzen, um den Separator zu zeichnen: Alles ist sehr intuitiv, und Sie sehen das Ergebnis sofort. Sobald Sie zufrieden sind, können Sie auf die Schaltfläche mit der Wolke klicken, um den benötigten HTML-Code anzuzeigen.
• ...
• ...
• Jetzt können Sie zurück in WebSite X5 arbeiten. Öffnen Sie das Shape Separator-Objekt und wählen Sie nach Festlegung aller anderen Einstellungen als Typ die Option 'Benutzerdefinierte Form'. 
• ...
• ...

>> https://guide.websitex5.com/de/support/solutions/articles/44002567034

-----

Hi, und wie kann ich dann die svg reinpacken?

BG

Die SVG-Datei wird vermutlich gar nicht gebraucht, einfach mal ohne SVG-Datei testen.

Bzw. das Objekt "Shape Separator" dürfte die SVG-Datei bei Bedarf selber erstellen.

Also etwas Mut und das Ganze ohne SVG-Datei testen - ich kann es ja nicht ohne Objekt.

Wenn man die Type Einstellung "Benutzerdefinierter Code" Einstellt dann muss man den Code wie z.B. diesen hier einfügen den man bekommt wenn man die SVG über html Code exportiert mit einem externen Programm das SVG Grafiken erstellen kann.

M 10,30 A 20,20 0,0,1 50,30 A 20,20 0,0,1 90,30 Q 90,60 50,90 Q 10,60 10,30 z

Bei der View Box kann man dann noch die Form einstellen die man benötigt.

Hi und Super das klappt schon, aber wie bekomme ich zwei pfade abgebildet:

d="M5216.5,220.995l-0,990.799l-5216.5,0l0,-724.77l5216.5,-266.029Z" style="fill:#fff;"/>

Hi und Super das klappt schon, aber wie bekomme ich zwei pfade abgebildet:

d="M5216.5,220.995l-0,990.799l-5216.5,0l0,-724.77l5216.5,-266.029Z" style="fill:#fff;"/><use xlink:href="#_Image1" x="0" y="52.881" width="5217px" height="584px"/></g><path d="M5245.9,141.532l8.038,81.952l-5280.96,304.405l-8.038,-81.952l5280.96,-304.405Z" style="fill:#fff;"/><defs><image id="_Image1" width="5217px" height="584px"