HTML5 Canvas 合成(源代码)

Question

我正在尝试使用 Canvas 在 HTML5 中重新创建翻页类型的动画。动画基于 this page 的想法.但这并不重要。我遇到的问题是使用“source-in”复合操作没有给我预期的结果，我想澄清原因。我认为它只适用于 chrome，不适用于 FF 3.6。

黑色矩形应该作为翻页的“掩码”。我只想看到与 mask 重叠的区域的翻页。问题是绘制了整个黑色矩形，而不仅仅是它们重叠的区域。

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

Answer 1

Canvas 合成支持已损坏，在某些浏览器中可能仍然不完整。

比较images here与 the actual rendering在您的浏览器中查看哪些内容现在在哪个浏览器中有效。