offscreencanvas-transfer-image-bitmap.html

Enable keyboard shortcuts

<!--

Copyright (c) 2019 The Khronos Group Inc.

Use of this source code is governed by an MIT-style license that can be

found in the LICENSE.txt file.

-->

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Test for OffscreenCanvas TransferToImageBitmap</title>

<link rel="stylesheet" href="../../resources/js-test-style.css"/>

<script src="../../js/js-test-pre.js"></script>

<script src="../../js/webgl-test-utils.js"></script>

<script src="../../js/tests/tex-image-and-sub-image-utils.js"></script>

<script src="../../js/tests/offscreencanvas-transfer-image-bitmap.js"></script>

</head>

<body>

  <div id="description"></div>

  <div id="console"></div>

  <script id='myWorker' type='text/worker'>

  self.onmessage = function(e) {

      var canvas = new OffscreenCanvas(128, 128);

      var gl = canvas.getContext("webgl2");

      gl.clearColor(1.0, 1.0, 0.0, 1.0);

      gl.clear(gl.COLOR_BUFFER_BIT);

      var image = canvas.transferToImageBitmap();

      self.postMessage({ bitmap: image },

                       [ image ]);

};

  </script>

  <script>

    "use strict";

    description("This test ensures that the transferToImageBitmap function of OffscreenCanvas webgl2 context is functional.");

    if (!window.OffscreenCanvas) {

        testPassed("No OffscreenCanvas support");

        finishTest();

    } else {

      var blob = new Blob([document.getElementById('myWorker').textContent]);

      var worker = new Worker(URL.createObjectURL(blob));

      worker.onmessage = function(msg) {

          testTransferToImageBitmap("webgl2", msg.data.bitmap);

          finishTest();

      worker.postMessage("Start Worker");

  </script>

</body>

</html>