javascript - Canvas :剪辑后的 clearRect 在 Firefox 中导致问题

Question

我在 Firefox 中使用 canvas clearRect 遇到了奇怪的问题。如果设置了裁剪区域，clearRect() 会重绘裁剪区域和矩形之外的内容以清除。由于它重绘它，这会导致问题。它在其他浏览器中正常工作，例如 Chrome 和 IE - clearRect 不会影响剪辑区域之外的内容。

代码如下:

        var canvas = document.getElementById("test");
        var context = canvas.getContext('2d');

        context.fillStyle = 'rgba(255, 0, 0, 0.1)';
        context.fillRect(0, 0, 40, 40);

        context.beginPath();
        context.rect(0, 0, 20, 20);
        context.clip();

        context.clearRect(10, 10, 20, 20); // causes an issue, see example below

实际代码:http://jsfiddle.net/P8fyP/4/

Answer 1

我在 firefox 18 和 firefox nightly 21 上测试了你的代码，我找不到问题。代码执行它应该执行的操作。