Как работает canvas при отрисовке отдельных фигур?

329
23 июля 2017, 12:20

Здравствуйте.

Отрисовываю на canvas упорядоченные фигурки. Каждую отдельно взятую фигурку можно перемещать по полотну (используя DnD).

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

Уточните, пожалуйста, верно ли я мыслю в данном направление или как работает canvas изнутри, если я на холсте изменяю хотя бы один пиксель (он реально перерисует весь холст или только один пиксель)?

Спасибо!

READ ALSO
appendTo аналогичные функции в Js?

appendTo аналогичные функции в Js?

Как реализовать на нативном js аналогичную функцию appendTo (jquery) ?

391
добавить ссылку в модальное окно Sweetalert

добавить ссылку в модальное окно Sweetalert

Использую библиотеку Sweetalert, вот репозиторий на гитхаб https://githubcom/t4t5/sweetalert

288
как правильно выбрать один из классов

как правильно выбрать один из классов

вот небольшой код и функции как мне правильно записать что именно этот див с классомuserStatus нужно окрасить в голубой(код дает запросы на стрим...

350
Как отключить вторую кнопку после клика на первую?

Как отключить вторую кнопку после клика на первую?

Есть 2 кнопкиПосле клика по первой в блок каждую секунду выводятся строки

298