1. Startseite
  2. Tips
  3. Animiertes SVG-Bildproblem
  1. Startseite
  2. Problemlösung
  3. Animiertes SVG-Bildproblem

Animiertes SVG-Bildproblem

Das Problem

Wenn ich meiner Site animierte SVG-Bilder hinzufüge, werden diese nicht animiert.

Die Ursache

Wenn Sie dem Inhalt Ihrer Website in ein SVG-Bild hinzufügen Blocswird normalerweise als Standard-HTML-Bild-Tag (Bild) hinzugefügt Bric). Animierte SVG-Bilder enthalten normalerweise zusätzlichen Code. Dieser zusätzliche Code wird vom Browser nicht ausgeführt, wenn das SVG-Bild als statisches Standardbild geladen wird.

Die Lösung

Öffnen Sie Ihr SVG-Bild mit dem Texteditor Ihrer Wahl und kopieren Sie den gesamten Code-Inhalt aus der SVG-Datei. Innen Blocs füge hinzu ein Code-Widget auf Ihrer Seite und achten Sie darauf, die In-App-Vorschaufunktion des Code-Widgets zu deaktivieren. Doppelklicken Sie nun auf das Code-Widget auf der Entwurfsfläche und fügen Sie den SVG-Code in das angezeigte Code-Eingabefenster ein.

Wenn Sie jetzt eine Vorschau Ihrer Website mit dem anzeigen Blocs in App Vorschau Moduswird das SVG-Bild wie erwartet animiert.

Aktualisiert am 13th May 2020

War dieser Artikel hilfreich?

Ähnliche Artikel