Zeichnen Sie fortlaufende Zeilen im HTML-Zeichenbereich nacheinander

Question

Zeichnen Sie fortlaufende Zeilen im HTML-Zeichenbereich nacheinander

8

Ich versuche, Code für das oben beschriebene Problem zu schreiben. Ich habe versucht, eine Lösung zu finden. Das ist, was ich derzeit habe.

%Vor% %Vor%

Das Problem ist, dass beide gleichzeitig gezeichnet werden. Einer sollte dem anderen folgen. Mit Promis ist es möglich, die zweite Funktion zu verzögern, während die erste Funktion ausgeführt wird und später die zweite Funktion ausführt? Ich habe versucht, etwas auf Promises zu lesen, aber ich konnte nicht übersetzen, was ich verstanden habe in Code.

Vielen Dank im Voraus.

javascript canvas promise

Ramana Venkata 27.04.2015, 19:36

quelle

2 Antworten

2

Versuchen Sie es mit .animate () , jQuery.Deferred ()

%Vor% %Vor%

guest271314 27.04.2015 20:19

quelle

Tags und Links javascript canvas promise

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Unterscheiden sich numerische Programmiersprachen zwischen einer "größten endlichen Zahl" und "Unendlichkeit"?

score 5 · Accepted Answer

Ja, Sie können Versprechungen verwenden, obwohl Sie zu Lernzwecken vielleicht zuerst eine reine Callback-Lösung schreiben möchten.

Sie sollten sich meine Faustregeln für die Entwicklung von Versprechen ansehen. Lassen Sie uns sie hier anwenden:

Jede asynchrone Funktion muss ein Versprechen zurückgeben.

Dies wäre in Ihrem Fall drawColorLine , draw und requestAnimationFrame .
Da requestAnimationFrame eine native, primitiv asynchrone Funktion ist, die leider immer noch einen Rückruf benötigt, müssen wir promisify es:
%Vor%
Alles was auf eine asynchrone Aktion folgt, geht in einen .then() Callback:
%Vor%

Voila!

%Vor%