Странная проблема в веб-обозревателе Android с холстом

Я рисую некоторые холсты на веб-обозревателе Android и использую javascript для изменения диаграммы, просто скрывая и показывая, а также изменяю название, перезагружая его innerHTML.

Заголовок является обычным тегом html "<div id='title'></div>" ,

Проблема в том, что страница не выглядит хорошо, когда я переключаю диаграммы, например. Когда я выбрал отображение следующей диаграммы и изменил внутренний заголовок заголовка, заголовок кажется «запомнен» его предыдущим innerHTML, и похоже, что один текст перекрывает другой.

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

Есть идеи по этому поводу? Или я смогу имитировать событие изменения ориентации, чтобы сделать мой веб-просмотр перерисовыванием его страницы, чтобы обойти его?

Эта проблема, похоже, возникает, когда вы используете прозрачный фон с вашим веб-просмотром. Попробуйте добавить это в свой CSS:

 body { background-color:black; } 

Или то, что вы хотите, чтобы ваш фоновый цвет был.

Если вы вызываете invalidate() из вашего View , вы должны его перерисовать. Когда вы изменяете ориентацию, ваш View недействителен с invalidate() который заставляет его повторно рисовать его содержимое. Вы можете использовать этот метод invalidate() для перерисовки содержимого без изменения ориентации.

invalidate() является общедоступным методом вашего View и может быть вызван везде, где он находится в области видимости.