Ich versuche gerade, meine Web-App für Mobilgeräte ein wenig zu beschleunigen, aber jetzt bin ich beim wichtigsten Teil - dem Caching - festgefahren. Wie ist es möglich, eine gesamte Ebene zwischenzuspeichern, bevor der Benutzer mit dem Ziehen beginnt, und sie auf die verwendbare Kinetic.Nodes-Ebene zurückzusetzen, wenn die Ziehaktion gestoppt wurde?

Im Moment fange ich an zu cachen

stage.on('mousedown touchstart', function(){ // CACHING})

Das Problem hierbei ist jedoch, dass der Benutzer eine Sekunde ausführen mussmousedown touchstart Ereignis, um das zwischengespeicherte Bild zu "greifen", wodurch natürlich ein neues Zwischenspeichern beginnt.

In diesem Fall wären meine Fragen:

Wie kann ich das bestehen?mousedown touchstart Ereignis auf das zwischengespeicherte Bild, so dass der Benutzer es mit einer fließenden Bewegung ziehen kann?

Wie kann ich das Caching beschleunigen? (Es dauert 1-2 Sekunden, bis das zwischengespeicherte Bild angezeigt wird. Ist es sinnvoll, es in einem Cache zu speichern?)setInterval Lassen Sie uns nach jedem 4 Sekunden sagen, und verwenden Sie dieses zwischengespeicherte Bild oder verursacht dies einen zu hohen Leistungsverlust?)

Ich freue mich über jede Art von Vorschlägen zu meinem Problem oder über weitere Tipps und Tricks, um die Dinge zu beschleunigen.