Werde ich Leistung steigern, wenn ich Canvas in Javascript dehne? Und ist das Rendern von Videos in Canvas langsamer?

Question

Angenommen, ich führe ein HTML5-Spiel auf einem 1920x1080-Display aus.

Wenn ich meine Leinwand auf die Hälfte des 960x540 setze und sie über CSS auf Breite und Höhe von 100% strecke, um es im Vollbildmodus zu starten, wird das Spiel schneller laufen?

Bekomme ich Effekte wie die Änderung der tatsächlichen Auflösung eines Displays?

(Für diejenigen, die nicht wissen, erstreckt sich nur CSS Leinwand, nicht tatsächliche Breite und Höhe einer Leinwand ist gesetzt) ​​

Und noch eine Frage, Video-Wiedergabe in einem Leinwand langsamer als normale Videowiedergabe ?

Answer 1

Wenn ich meine Leinwand auf die Hälfte des 960x540 setze und sie über CSS auf Breite und Höhe von 100% strecke, um sie im Vollbildmodus auszuführen, läuft das Spiel dann schneller?

Mit der Größe von 1920 * 1080 Pixel es wird nicht viel Unterschied machen, weil der Kontext Bilddaten nativ größer ist, Farben viel von RGBA enthält. Es wäre schneller, die Grafiken darzustellen, aber es wäre (mehr oder weniger) langsam, die Grafiken noch zu verarbeiten (oder schnell, das hängt vom Benutzercomputer ab).

Bekomme ich Effekte wie die Änderung der tatsächlichen Auflösung eines Displays?

Dies hängt vom Benutzercomputer ab ... Kurze Antwort, nein.

Und noch eine Frage, ist das Video-Rendering in einer Leinwand langsamer als normales Video-Rendering?

Ja ... Der Web-Video-Player ist schneller als es nativer ist und enthält weniger Informationen über Bilddaten (Farben Format RGB) usw.