HTML5 Canvas合成（源代码）

Question

我正在尝试使用canvas在HTML5中重新创建页面翻转类型动画。动画基于this page的想法。但这并不重要。我遇到的问题是使用'source-in'复合操作并没有给我我期望的结果，并且想澄清为什么。我认为它只适用于chrome，而不适用于FF 3.6。

黑色矩形应该作为翻转页面的“遮罩”。我想要看到的只是它与面具重叠的区域中的翻页。问题是绘制了整个黑色矩形，而不仅仅是它们重叠的区域。

我知道HTML5还没有被使用，我只是在试验我的个人网站和好奇心。任何想法都将不胜感激。

Answer 1

Canvas Compositing支持被破坏，在某些浏览器中可能仍然不完整。

比较images here 在浏览器中使用the actual rendering查看现在在哪个浏览器中有效。