Ist es vorteilhafter, ein canvas-Element als Puffer für das Bild zu verwenden oder ist es vorteilhafter, ein img-Element als Puffer zu verwenden? - Javascript, HTML5, Leinwand

Ich möchte eine Tonne Animation mit Bildern machenSegeltuch; Ist es vorteilhafter, ein Canvas-Element als Puffer für das Bild zu verwenden (damit wir die Größe nicht erneut ändern müssen) oder ist es günstiger, ein IMG-Element als Puffer zu verwenden?

Oder gibt es eigentlich einen besseren Weg, ein Muss, wenn Leistung oberste Priorität hat und ich sollte fehlen?

Warum ist das "Löschen" der Leinwand so langsam? Mein Hintergrund ist die xna-Programmierung für Windows Phone 7.

Außerdem sollte ich die Leinwand durch Einstellung "löschen" Breite = Breite oder sollte ich ein tun? drawRect (0,0, Breite, Höhe) ?

Antworten:

Sie sollten Canvas-Elemente als Puffer für verwendenBilder transformieren und Ihre drawImage-Aufrufe auf Ganzzahlkoordinaten ausrichten. Software-Canvas-Implementierungen werden langsam, sobald Sie das Bild transformieren müssen (weil das Transformieren = Resampling = langsam ist).

Sehen: http://jsperf.com/canvas-drawimage

Löschen Sie die Leinwand mit clearRect: http://jsperf.com/canvas-clear-speed