html - HTML5 Canvas 合成（来源）

Question

我正在尝试使用画布在 HTML5 中重新创建页面翻转类型动画。动画基于此页面的想法。但这并不重要。我遇到的问题是使用“源输入”复合操作并没有给我预期的结果，并且希望澄清原因。我认为它只适用于 chrome，不适用于 FF 3.6。

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

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

Answer 1

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

将此处的图像 与浏览器中的实际渲染进行比较，以了解当前在哪个浏览器中有效。