1cb93a386Sopenharmony_ci<!DOCTYPE html>
2cb93a386Sopenharmony_ci<title>CanvasKit Web Worker Demo</title>
3cb93a386Sopenharmony_ci<meta charset="utf-8" />
4cb93a386Sopenharmony_ci<meta http-equiv="X-UA-Compatible" content="IE=edge">
5cb93a386Sopenharmony_ci<meta name="viewport" content="width=device-width, initial-scale=1.0">
6cb93a386Sopenharmony_ci
7cb93a386Sopenharmony_ci<style>
8cb93a386Sopenharmony_ci  canvas {
9cb93a386Sopenharmony_ci    border: 1px dashed grey;
10cb93a386Sopenharmony_ci  }
11cb93a386Sopenharmony_ci
12cb93a386Sopenharmony_ci  .canvas-container {
13cb93a386Sopenharmony_ci    float: left;
14cb93a386Sopenharmony_ci  }
15cb93a386Sopenharmony_ci</style>
16cb93a386Sopenharmony_ci
17cb93a386Sopenharmony_ci<body>
18cb93a386Sopenharmony_ci  <h1>CanvasKit in a Web Worker demo</h1>
19cb93a386Sopenharmony_ci  <p>NOTE: this demo currently only works in chromium-based browsers, where
20cb93a386Sopenharmony_ci    <a href="https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas#Browser_compatibility">
21cb93a386Sopenharmony_ci      Offscreen Canvas
22cb93a386Sopenharmony_ci    </a>
23cb93a386Sopenharmony_ci    is supported.
24cb93a386Sopenharmony_ci  </p>
25cb93a386Sopenharmony_ci
26cb93a386Sopenharmony_ci  <div class="canvas-container">
27cb93a386Sopenharmony_ci    <h2>Normal Canvas</h2>
28cb93a386Sopenharmony_ci    <canvas id="onscreen-canvas" width=500 height=500></canvas>
29cb93a386Sopenharmony_ci    <button id="busy-button">Make main thread busy</button>
30cb93a386Sopenharmony_ci  </div>
31cb93a386Sopenharmony_ci  <div class="canvas-container">
32cb93a386Sopenharmony_ci    <h2>Web Worker Canvas</h2>
33cb93a386Sopenharmony_ci    <canvas id="offscreen-canvas" width=500 height=500></canvas>
34cb93a386Sopenharmony_ci  </div>
35cb93a386Sopenharmony_ci</body>
36cb93a386Sopenharmony_ci<script type="text/javascript" src="https://unpkg.com/canvaskit-wasm@0.25.0/bin/full/canvaskit.js"></script>
37cb93a386Sopenharmony_ci<script type="text/javascript" src="shared.js"></script>
38cb93a386Sopenharmony_ci<script type="text/javascript" src="main.js"></script>
39