layout/reftests/canvas/1303534-1.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <script>
      function draw() {
        var c = document.getElementById('c').getContext('2d');
        var img = document.getElementById("img");

        c.fillStyle = 'lime';
        c.fillRect(0, 0, 200, 100);

        c.rect(0, 0, 200, 100);
        c.clip();
        
        c.globalCompositeOperation = "multiply";
        c.fillStyle = 'rgb(255, 255, 255)';
        c.fillRect(0, 0, 200, 100);
      }
    </script>
  </head>
  <body onload="draw();">
    <canvas id='c' width='200' height='100'></canvas>
  </body>
</html>