devtools/server/tests/chrome/inspector_getImageData.html

   1 <html>
   2 <head>
   3 <body>
   4   <img class="custom">
   5   <img class="big-horizontal" src="large-image.jpg" style="width:500px;">
   6   <canvas class="big-vertical" style="width:500px;"></canvas>
   7   <img class="small" src="small-image.gif">
   8   <img class="data" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAJklEQVRIie3NMREAAAgAoe9fWls4eAzMVM0xoVAoFAqFQqFQ+C9chp4NHvu+4Q4AAAAASUVORK5CYII=">
   9   <script>
  10     "use strict";
  11
  12     window.onload = () => {
  13       const canvas = document.querySelector("canvas"), ctx = canvas.getContext("2d");
  14       canvas.width = 1000;
  15       canvas.height = 2000;
  16       ctx.fillStyle = "red";
  17       ctx.fillRect(0, 0, 1000, 2000);
  18
  19       window.opener.postMessage("ready", "*");
  20     };
  21   </script>
  22 </body>
  23 </html>