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每晚21测试你的代码，我找不到问题。代码执行它应该做的事情。

Canvas：剪辑后的clearRect导致Firefox出现问题

1 个答案: