<!DOCTYPE html>
<html class="reftest-wait">
  <title>WebGPU canvas_image_rendering</title>
  <meta charset="utf-8" />
  <link rel="help" href="https://gpuweb.github.io/gpuweb/" />
  <meta name="assert" content="WebGPU canvas with image-rendering set should be rendered correctly" />
  <link rel="match" href="./ref/canvas_image_rendering-ref.html" />
  <canvas id="elem1" width="64" height="64" style="width: 99px; height: 99px;"></canvas>
  <canvas id="elem2" width="64" height="64" style="width: 99px; height: 99px; image-rendering: pixelated;"></canvas>
  <canvas id="elem3" width="64" height="64" style="width: 99px; height: 99px; image-rendering: crisp-edges"></canvas>
  <canvas id="elem4" width="64" height="64" style="width: 99px; height: 99px;"></canvas>
  <canvas id="elem5" width="64" height="64" style="width: 99px; height: 99px; image-rendering: pixelated;"></canvas>
  <canvas id="elem6" width="64" height="64" style="width: 99px; height: 99px; image-rendering: crisp-edges"></canvas>
  <script type="module" src="canvas_image_rendering.html.js"></script>
</html>
