Является ли более выгодным использование элемента canvas в качестве буфера для изображения или более выгодно использовать элемент img в качестве буфера?

Question

Я хочу сделать тонну анимации с изображениями на холсте;Является ли более выгодным использовать элемент canvas в качестве буфера для изображения (чтобы нам не приходилось снова изменять размер), или более выгодно использовать элемент img в качестве буфера?

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

Кроме того, почему «очистка» холста такая медленная операция?Мой фон - программирование xna для Windows Phone 7, и «очистка» всего экрана - одна из самых быстрых операций.

Кроме того, я должен «очистить» холст, установив width = width илия должен сделать drawRect (0,0, ширина, высота) ?

Answer 1

Вы должны использовать элементы canvas в качестве буферов для преобразованных изображений и выравнивать вызовы drawImage по целочисленным координатам.Реализации программного холста замедляются, когда вам нужно преобразовать изображение (потому что преобразование = повторная выборка = медленное.)

См .: http://jsperf.com/canvas-drawimage

Для очистки холста используйте clearRect: http://jsperf.com/canvas-clear-speed