parts - html5 layout

Composición de canvas HTML5(fuente-en)

Question

Estoy tratando de recrear una animación tipo flipping de página en HTML5 utilizando canvas. La animación se basa en ideas de esta página . Pero eso no es realmente importante. El problema que estoy teniendo es que usar la operación compuesta ''fuente-en'' no me da los resultados que espero y me gustaría una aclaración de por qué. Creo que solo funciona en Chrome, no funciona en FF 3.6.

Se supone que el rectángulo negro actúa como una "máscara" para la página que se está volcando. Todo lo que quiero ver es la página de giro en las áreas donde se superpone la máscara. El problema es que se dibuja todo el rectángulo negro, no solo el área donde se superponen.

Sé que HTML5 todavía no se usa, solo estoy experimentando para mi sitio personal y mi curiosidad. Cualquier idea sería muy apreciada.

Answer 1

El soporte de Canvas Compositing se rompió y aún puede estar incompleto en algunos navegadores.

Compare las imágenes aquí con la representación real en su navegador para ver qué funciona en qué navegador en este momento.