Discourse-Startbildschirm mit benutzerdefinierten SVG-Bildern branden

Sehr reptilienhaft!

Fügen Sie eines hinzu, das um etwa 60 Grad gegen den Uhrzeigersinn und um 180 Grad um die y-Achse gedreht ist, und Sie haben die Augen eines wiederauferstandenen
Fügen Sie ein Spiegelbild hinzu, das um die y-Achse gedreht wurde, sodass zwei Bilder (Augen) entstehen

Geh, Diskurs, ein Rex
jep, kriege das nicht aus dem Kopf und muss definitiv mehr rausgehen

2 „Gefällt mir“

Ich habe hier einen Einrad-Lader eingestellt! https://unicyclist.com
Schön!

Die ursprüngliche Animation stammt von mir, nur mit CSS, und ich habe Gemini gebeten, sie (sozusagen) in SVG umzuwandeln.

9 „Gefällt mir“

Auf dem Ladebildschirm von https://unicyclist.com scheint sich der Ladebalken über den Hintergrund hinaus zu erstrecken.

1 „Gefällt mir“

Danke. Ein Benutzer hat dies gemeldet. Es gab einige SVG-Eigenheiten (?), die das Bild … seltsam erscheinen ließen, wenn es in einen Beitrag hochgeladen wurde, aber nicht auf dem Ladebildschirm.

Zum Beispiel diese ältere Version:

Sieht hier völlig fehlerhaft aus, selbst wenn wir darauf klicken (es zeigt einen doppelten Ladebalken an…).
Sieht aber gut aus, wenn sie als Startbildschirm verwendet wird.

Ich habe Gemini gedankenlos gebeten, „es zu reparieren“, was das SVG erstellt hat, das ich gepostet habe und das in Ordnung aussieht, obwohl bestimmte Benutzer anscheinend ein Problem mit dem Fortschrittsbalken haben. Ich nehme an, das ist es, was Sie sehen:

Ich habe unter Windows Chrome/Firefox oder Android/Chrome keine Probleme.

Ich weiß nicht, ob es irgendeinen Zusammenhang zwischen Discourse und diesen Störungen gibt.

Um beim Thema zu bleiben: Gibt es abgesehen von Nicht-CSS-Animationen Dinge zu beachten, wenn wir ein animiertes SVG für einen Startbildschirm verwenden möchten?

2 „Gefällt mir“

Ich verwende clipPaths in meinen SVGs, um zu verhindern, dass Elemente überlaufen.
Vielleicht wäre es effektiv, Gemini wie folgt anzuweisen:

Der Ladebalken in diesem SVG ragt über den Hintergrund hinaus. Bitte ändern Sie ihn so ab, dass er innerhalb der Grenzen des Hintergrunds bleibt, indem Sie einen clipPath verwenden.
4 „Gefällt mir“

Vielen Dank für das Feature, ich habe mich auch mal versucht ich bin zwar noch nicht ganz zufrieden aber ich bin am fixen :smiley:

8 „Gefällt mir“