Was ist der beste Weg, um etwas in Leinwand zu animieren?

Question

Ich versuche, ein Dreieck mit JavaScript in Leinwand "umzudrehen". Das Problem ist, dass JavaScript die Animation zu schnell durchführt und Sie den Effekt nicht wirklich sehen können. Was ist der beste Weg, um es "zu verlangsamen"? Ich habe die SetTimeout -Funktion ausprobiert, aber sie funktioniert nicht, da sie die Ausführung der Funktion verzögert, um mein Dreieck neu zu zeichnen, aber mit der Ausführung der Neuauskleidung fortgesetzt wird, wenn dies einen Sinn ergibt. Gibt es jQuery -Funktionen, um die Ausführung zu verzögern> Ich habe die Funktion Delay () gesehen, aber ich denke nicht, dass dies in diesem Fall anwendbar ist? Lassen Sie mich Ihnen zeigen, was ich ab sofort habe:

http://jsfiddle.net/hnqb6/7/

Alle Vorschläge willkommen :)

Answer 1

Hier ist der Code für die Antwort. Ich verwende SetInterval für die Animation und die Data () jQuery -Funktion, damit die Animation Daten zu jeder Leinwand speichern kann.

http://jsfiddle.net/kerrmarin/v8dme/1/