summaryrefslogtreecommitdiffstats
path: root/image/test/reftest/blob/blob-uri-with-ref-param-notref.html
blob: 3b62a3c139a55d9496e4c1d8ff802e76494e2026 (plain)
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>

<html class="reftest-wait">

<body>
  <img id="test">
</body>

<script>
  var image = new Image;

  image.onload = function() {
    // Create a canvas.
    var canvas = document.createElement('canvas');
    canvas.width = 100;
    canvas.height = 100;

    // Draw the image into the canvas.
    var ctx = canvas.getContext('2d');
    ctx.drawImage(image, 0, 0);

    // Convert the image into a blob URI and use it as #test's src.
    canvas.toBlob(function(blob) {
      var uri = window.URL.createObjectURL(blob);
      uri += '#-moz-samplesize=8';
      var testImage = document.getElementById('test');

      testImage.onload = testImage.onerror = function() {
        // Take the snapshot.
        document.documentElement.removeAttribute('class');
      };

      testImage.src = uri;
    }, 'image/jpeg', 0.99);
  }

  // Start loading the image.
  image.src = 'image.png';
</script>

</html>