Перерисовка HTML5 холста

Question

У меня есть график и сетка, первый можно скрыть / показать, установив флажок. Может ли кто-нибудь придумать метакод, демонстрирующий наиболее эффективный подход для этого? Я не вижу ничего лучше, кроме перерисовки всего холста каждый раз, когда меняется настройка «Показывать сетку».

Answer 1

Вы можете использовать два узла холста;один для диаграммы и другой для сетки сверху.

Тогда вы можете просто скрыть (style.display = "none") элемент сетки или показать его (style.display = "block").

AПиксель холста включает в себя альфа-канал, поэтому он может быть полностью прозрачным (это фактически значение по умолчанию при создании холста), поэтому вы можете видеть диаграмму через сетку.