1306688 - globalCompositeOperation doesn't work with Text

Status: RESOLVED DUPLICATE of bug 1304353

(Firefox :: Untriaged, defect)

Description

[N.Kirilenko]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.116 Safari/537.36

Steps to reproduce:

[FF-49.0.1, MacOS-10.11.6]
I've done following code for cut a text from a rect:
...
    <script>
        window.onload = function() {
            var canvas = document.getElementById("canvas");
            var ctx = canvas.getContext("2d");
            ctx.globalCompositeOperation = "xor";
            ctx.fillStyle = "blue";
            ctx.fillRect(0, 0, 160, 120);
            ctx.textBaseline = "middle";
            ctx.font = "Bold 100px 'Helvetica'";
            ctx.textAlign = "center";
            ctx.fillStyle = "red";
            ctx.fillText("yep", 160, 120);
        }
    </script>
...



Actual results:

It work properly in Chrome, but doesn't work in FF.