Este es un problema extraño que solo estoy experimentando en un navegador nativo en Samsung Galaxy Tab 2 y Galaxy S2 en el navegador nativo.

Esto también se ha probado en otros teléfonos y tabletas Android, como el Nexus 7 y el Galaxy S4, pero su navegador nativo es Chrome, por lo que parece estar bien. Este problema tampoco está presente en ningún navegador IOS, navegadores de escritorio de Windows o navegadores de escritorio de Mac.

Es casi como si la página web se carga dos veces sobre sí misma.

Como hay un elemento de lienzo duplicado, se actualiza como lo hace el lienzo principal.

Aquí parece que a pesar de que solo ocurre cuando se gira en modo horizontal, pero creo que en el modo vertical, el lienzo está perfectamente alineado en la parte superior.

Lo que es aún más raro, el botón de menú que ve es un botón de alternar, toque para abrir el menú, toque para cerrar el menú. En este dispositivo cuando lo tocas, se abre y se cierra instantáneamente. lo mismo ocurre con el botón de silencio.

Estoy completamente en una pérdida.

He hecho algunos errores de depuración de javascript en algunas alertas aquí y allá, y las funciones de inicialización que crean referencias al lienzo, etc., solo se llaman una vez.

He leído y escuchado sobre problemas de aceleración de hardware, ¡pero las soluciones que potencialmente he encontrado son solo relativas a la creación de aplicaciones nativas! No páginas web de HTML5 Canvas.

¡Cualquier idea sobre esto podría ser genial! Gracias por adelantado.

--EDITAR

Yo tambien me puse en esta pruebaalert(document.getElementsByTagName('canvas').length); para ver si había 2 lienzos en el DOM pero devuelve 1!