メモログ

⛰ 塵が積もって山とならないメモのログ 👄

Android 4.1/4.2 でCanvasを使うとゴーストが発生する

Issue 41312 - android - Html5 Canvas drawing issue - duplicated drawing - when parent has overflow:hidden - Android - An Open Handset Alliance Project - Google Project Hostingという問題があるようで、Android 4.1/4.2のブラウザ(stock browser)でCanvasを使用すると、描画が二重に発生する。

解決方法は、oveflow:hiddenをなくす。もしくはoverflow propertyのinitialであるoverflow:visibleに設定するとよさそう。わたしの場合はcanvasをposition:absoluteにしてもしなくても現象に変更はなかった。

個人的に確認した限りでは、Google Chromeでは発生しない様子。