Холст тег - рисовать против изображения

Question

Я реализовал элемент canvas, который использует drawarc для создания эффекта пузырей, поднимающихся с разной скоростью на заднем плане (это сайт с подводной тематикой для клиента с подводной тематикой) - Он выглядит действительно хорошо, и я довольно доволен, но я замечаю небольшую проблему с производительностью в некоторых браузерах (в частности, IE9).

Я рисую пузыри, используя drawarc для создания полупрозрачных кругов - может кто-нибудь сказать мне, если это более или менее дорого (с точки зрения производительности на стороне клиента) вместо этого штамповать изображения / спрайты на холсте?

-Mike

Answer 1

Рисование дуг / окружностей намного дороже, чем рисование изображений. Рисование изображений, скорее всего, является наиболее эффективным способом рисования чего-либо на холсте. Я написал свою Бакалаврскую диссертацию на эту тему. Это на немецком языке, но в основном при рисовании дуг с использованием дуги и дуги, вы получаете менее 15.000 операций в секунду в IE9. При рисовании изображений вы получаете более 160 000 операций в секунду.