HTML5 Canvas合成(源代码)

Question

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

黑色矩形应该作为翻转页面的"掩码".我想要看到的只是它与面具重叠的区域中的翻页.问题是绘制整个黑色矩形,而不仅仅是它们重叠的区域.

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

Answer 1

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

将此处的图像 与浏览器中的实际渲染进行比较,以查看现在在哪个浏览器中有效.