Canvas. Body. Динамическая высота

Попробую без кода. Есть сайт, на котором я все тестирую (он в профиле).

На странице "Диагональ" есть анимация под :hover . Под ним высота элемента увеличивается.

Весь сайт в модном черном цвете. Очевидно, что .body {background-color: black} прекрасно поддерживает динамические изменение высоты для анимации.

Но снизу на всех страницах лежит canvas высотой .innerHtml ; Судя по названию этого свойства, canvas должна повторять изменение высоты body хотя бы приблизительно (можно не учитывать scroll).

Я ставил в код все 6 свойств JS касательно высоты , но эта canvas рисуется только на видимую часть страницы при первой загрузке, без hover .

(Плохо видно, но у .canvas {background-color: transparent}. Фона нет, но там фейерверк на canvas. И огни рисуются только на верхней части страницы.

Как заставить canvas увеличивать вместе с body или html ?