content/canvas/test/test_toBlob.html@6474c204b198
content/canvas/test/test_toBlob.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
1 <!DOCTYPE HTML>
2 <title>Canvas test: toBlob</title>
3 <script src="/tests/SimpleTest/SimpleTest.js"></script>
4 <link rel="stylesheet" href="/tests/SimpleTest/test.css">
5 <body>
6 <canvas id="c" width="100" height="50"><p class="fallback">FAIL (fallback content)</p></canvas>
7 <script>
9 function BlobListener(type, canvas, callback, file)
10 {
11 is(file.type, type,
12 "When a valid type is specified that should be returned");
13 var reader = new FileReader();
14 reader.onload =
15 function(e) {
16 is(e.target.result, canvas.toDataURL(type),
17 "<canvas>.mozGetAsFile().getAsDataURL() should equal <canvas>.toDataURL()");
18 callback(canvas);
19 };
20 reader.readAsDataURL(file);
21 }
23 function test1(canvas)
24 {
25 canvas.toBlob(BlobListener.bind(undefined, "image/png", canvas, test2));
26 }
28 function test2(canvas)
29 {
30 canvas.toBlob(
31 BlobListener.bind(undefined, "image/jpeg", canvas, SimpleTest.finish),
32 "image/jpeg");
33 }
35 SimpleTest.waitForExplicitFinish();
36 addLoadEvent(function () {
38 var canvas = document.getElementById('c');
39 var ctx = canvas.getContext('2d');
40 ctx.drawImage(document.getElementById('yellow75.png'), 0, 0);
42 test1(canvas);
44 });
45 </script>
46 <img src="image_yellow75.png" id="yellow75.png" class="resource">
