Skip to main content
Participant
February 3, 2023
Question

Shadow für SVG Dateien wird nicht korrekt exportiert

  • February 3, 2023
  • 1 reply
  • 861 views

Aktuell versuche ich einen Kreis mit Shadow als SVG zu exportieren und auf einer Webseite als Hintergrund zu verwenden. Aber das exportierte SVG file sieht furchtbar aus. Der Shadow ist verschwommen und wird nicht richtig übernommen.

 

Ich habe schon mehrere Exportversuche und Einstellungen getestet. Jedoch konnte ich den Fehler nicht finden. Muss man Elemente mit Shadow mit speziellen Einstellungen exportieren?

 

 

This topic has been closed for replies.

1 reply

Monika Gause
Community Expert
Community Expert
February 3, 2023

Das ist ein SVG-Effekt, richtig?

 

Da müsste man dann an die Optionen ran, d.h., den Code bearbeiten.

Zu SVG-Filtern gibt es ziemlich viele Beiträge aus dem Web-Developer-Umfeld, z.B. https://www.smashingmagazine.com/2015/05/why-the-svg-filter-is-awesome/ oder ganz viele Sachen von Sara Soueidan

 

Ich hab jetzt auch Probleme, das SVG richtig zu sehen, im Browser ist der Hintergrund schwarz und ob mein Browser dasselbe rechnet wie Deiner, ist natürlich auch die Frage. Ein Screenshot ware gut.

Participant
February 6, 2023

Hi,

 

danke für die Info.

 

Der Effekt ist ein Drop Shadow - Mode: Multiply.

Im Anhang befindet sich ein Bild von dem Exportierten SVG file.

 

Auf dem Bild ist auch ein Kreis im Kreis zu sehen. Das ist in Illustrator jedoch nicht so.

 

Ich schau mir den Artikel: https://www.smashingmagazine.com/2015/05/why-the-svg-filter-is-awesome/  nachher gleich .

Monika Gause
Community Expert
Community Expert
February 6, 2023

Tut mir leid, ch erkenne nichts auf den Screenshots. Geht das mit mehr Kontrast?