mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 13.11.2019 00:36 Benutzername: Passwort: Auto-Login

Thema: svg animation verzögerung wiederholung vom 25.10.2019

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> svg animation verzögerung wiederholung
Autor Nachricht
snuweline
Threadersteller

Dabei seit: 18.10.2007
Ort: Köln
Alter: 37
Geschlecht: Weiblich
Verfasst Fr 25.10.2019 15:21
Titel

svg animation verzögerung wiederholung

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich möchte ein Augenzwinkern mit svg animieren. Das Augenlied soll in Endlosschleife alle 30 Sekunden einmal geschlossen und direkt wieder geöffnet werden. Leider bekomme ich das nicht hin. Entweder es klimpert im Milisekundentakt oder ich muss jeden Start- und Endpunkt manuell eintragen, so wie hier:

Code:
         
<!-- Pfad Augenlid geschlossen-->
      <path id="augenlid" class="st0"     d="M11.18,47.23c0,0,24.93-23.13,55.67-23.13s55.67,23.13,55.67,23.13S97.6,70.36,66.85,70.36 S11.18,47.23,11.18,47.23z">
         
<!-- Augenlid am Anfang öffnen -->
      <animate id="augenlid" begin="1s" attributeName="d" dur="0.3s"
to="M11.18,47.23c0,0,24.93-23.13,55.67-23.13s55.67,23.13,55.67,23.13S96.08,24.1,65.33,24.1 S11.18,47.23,11.18,47.23z" fill="freeze"/>
   
<!-- Augenlid zwinkern zu -->   
      <animate id="augenlid" begin=" 5s; 15s; 25s; 95s; 125s; 155s; 185s;" attributeName="d" dur="0.1s"
   to="M11.18,47.23c0,0,24.93-23.13,55.67-23.13s55.67,23.13,55.67,23.13S97.6,70.36,66.85,70.36 S11.18,47.23,11.18,47.23z" fill="freeze"/>
         
<!-- Augenlid zwinkern auf -->   
      <animate id="augenlid" begin="5.3s; 15.3s; 25.3; 95.3; 125.3; 155.3; 185.3;" attributeName="d" dur="0.1s"
   to="M11.18,47.23c0,0,24.93-23.13,55.67-23.13s55.67,23.13,55.67,23.13S96.08,24.1,65.33,24.1 S11.18,47.23,11.18,47.23z" fill="freeze"/>
         
          </path>
      


Es sollte doch möglich sein, eine Animation in Endlosschleife mit Verzögerung laufen zu lassen. Hat jemand einen Tipp für mich?

http://verenazechner.de/augeanzu.svg
  View user's profile Private Nachricht senden
Ähnliche Themen SVG- Probleme bei Animation
Wiederholung vermeiden
Hintergrundbild ohne Wiederholung
AS3 - Zwei Funktionen mit Verzögerung
Doppelte Weiterleitung mit verzögerung möglich?
W3C Konforme Seite - Hover verzögerung im IE
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.