Internet Explorer 10画布剪辑意外行为

Question

在html5画布应用程序中,我使用剪辑来重绘画布的损坏部分,如下所示:

ctx.beginPath();
ctx.rect(30, 30, 100, 100);
ctx.rect(100, 100, 100, 100);
ctx.clip();
ctx.clearRect(0, 0, 600, 400);

我还创造了一个说明问题的小提琴.在除IE10之外的每个有能力的浏览器上,它将显示两个黑色重叠矩形.

现在的问题是,这是一个IE10错误,还是因为它更贴近标准,实际上是预期的行为,只是运气,它可以在其他所有浏览器中运行.如果是这样,那么这样做的正确方法是什么？

Answer 1

您需要调用 ctx.fill(); 在最后