Не работает canvas если родитель с display none?

Question

[Антон]

Сделал на js переключалку показать/скрыть содержимое div main

document.getElementById('main').style.display = 'block';

<div class="main" style="display:none">
<div class="col-sm-8">
            <div class="view-wrapper">
                <div id="container">
                    <canvas id="image"></canvas>
                </div>
            </div>
 </div>
<!-- еще какие то коды -->
 </div>

Проблема в том, что когда блок меняет display c none на block, то canvas пустой
Иначе говоря, canvas не рисует изображение при display:none.
Как быть?

Answer 1

[stainer]

js - ищет id
в html задан class

Answer 2

[Koreetz Koreetz]

document.querySelector('.main').style.display = 'block';