src/third_party/webgl/src/sdk/tests/conformance/textures/tex-image-canvas-corruption.html

   1 <!--
   2
   3 /*
   4 ** Copyright (c) 2014 The Khronos Group Inc.
   5 **
   6 ** Permission is hereby granted, free of charge, to any person obtaining a
   7 ** copy of this software and/or associated documentation files (the
   8 ** "Materials"), to deal in the Materials without restriction, including
   9 ** without limitation the rights to use, copy, modify, merge, publish,
  10 ** distribute, sublicense, and/or sell copies of the Materials, and to
  11 ** permit persons to whom the Materials are furnished to do so, subject to
  12 ** the following conditions:
  13 **
  14 ** The above copyright notice and this permission notice shall be included
  15 ** in all copies or substantial portions of the Materials.
  16 **
  17 ** THE MATERIALS ARE PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  18 ** EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  19 ** MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  20 ** IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  21 ** CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  22 ** TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  23 ** MATERIALS OR THE USE OR OTHER DEALINGS IN THE MATERIALS.
  24 */
  25
  26 -->
  27
  28 <!DOCTYPE html>
  29 <html>
  30 <head>
  31 <meta charset="utf-8">
  32 <title>Testing 3D canvas is usable after being used as texImage2D source</title>
  33 <link rel="stylesheet" href="../../resources/js-test-style.css"/>
  34 <script src="../../resources/js-test-pre.js"></script>
  35 <script src="../resources/webgl-test-utils.js"></script>
  36 </head>
  37 <body>
  38 <canvas id="example" width="512" height="512"></canvas>
  39 <div id="description"></div>
  40 <div id="console"></div>
  41 <script>
  42 "use strict";
  43 // Regression test for http://crbug.com/368582
  44 description();
  45 var wtu = WebGLTestUtils;
  46 var canvas = document.getElementById("example");
  47 var ctx = canvas.getContext("2d");
  48
  49 var gl = wtu.create3DContext();
  50 var texture = gl.createTexture();
  51
  52 var image = wtu.makeImage('../resources/blue-1x1.jpg', function() {
  53   renderToCanvas();
  54   renderToCanvas();
  55   wtu.checkCanvas(ctx, [0, 0, 255, 255], "All pixels should be blue", 2);
  56   finishTest();
  57 });
  58
  59 function renderToCanvas() {
  60   // Clear the 2d canvas then draw the image to it (a blue pixel)
  61   ctx.clearRect(0, 0, canvas.width, canvas.height);
  62   ctx.drawImage(image, 0, 0, canvas.width, canvas.height);
  63
  64   // Upload the results to a WebGL texture
  65   gl.bindTexture(gl.TEXTURE_2D, texture);
  66   gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, canvas);
  67 }
  68
  69 var successfullyParsed = true;
  70 </script>
  71 </body>
  72 </html>