как понять аппаратное ускорение холст

Question

Я прочитал a post, и там что-то аппаратное вызов ускоряются холст
Фрагмент кода

 
// Setting hardware scaling 
canvas.width = 300; 
canvas.style.width = window.innerWidth + 'px'; 
canvas.height = 200; 
canvas.style.height = window.innerHeight + 'px'; 

Я не понимаю, очень хорошо здесь, как это имеет смысл?
Не снизит ли качество содержимого в холсте, например, отобразит в нем больше пикселей?
Благодаря

Answer 1

Видимо, да, будет.

Это как работает полноэкранный режим игры с низким разрешением, как 640x480.

Есть еще article, охватывающий это.

Это не относится к HTML5, кстати. Большинство современных консольных игр не вычисляются внутренним образом в 720p или 1080p. Почти все они выполняют игру в более низких разрешениях (например, 1024x600) и позволяют графическому процессору выполнять процесс масштабирования/сглаживания. Это может помочь вам увеличить FPS в большинстве случаев.

Answer 2

Да, это будет более низкое разрешение, но пост также говорит:

... мы можем работать на меньшем разрешении и пусть GPU перемасштабирует в результат, чтобы соответствовать объект DOM (с красивым и свободным фильтром, чтобы размыть результат).

Теоретически этот метод должен улучшить производительность, не жертвуя качеством слишком много. Вы можете играть с canvas.width и canvas.height для достижения наилучшего соотношения производительности и качества.