third_party/WebKit/LayoutTests/fast/canvas/canvas-toBlob-webp-maximum-quality.html

   1 <canvas id="mycanvas"></canvas>
   2 <img id="result" onload="testDone()">
   3 <script type = 'text/javascript'>
   4 if (window.testRunner) {
   5     testRunner.dumpAsTextWithPixelResults();
   6     testRunner.waitUntilDone();
   7 }
   8
   9 function testDone()
  10 {
  11     if (window.testRunner)
  12         testRunner.notifyDone();
  13 }
  14
  15 var image = new Image();
  16 image.onload = function() {
  17         var canvas = document.getElementById("mycanvas");
  18         canvas.width = image.width;
  19         canvas.height = image.height;
  20         var ctx = canvas.getContext('2d');
  21         ctx.drawImage(image, 0, 0);
  22
  23         canvas.toBlob(function(blob) {
  24             url = URL.createObjectURL(blob);
  25             result.src = url;
  26         }, "image/webp", 1.0);
  27 }
  28 image.src = "resources/letters.png";
  29 </script>