blob: a41931bf66602be3eb7e9f5eb4d2c0162af36e1e [file] [log] [blame]
<!DOCTYPE html>
<html class="reftest-wait">
<base ref="/gen/third_party/dawn/webgpu-cts/src/webgpu" />
<title>WebGPU canvas_image_rendering (ref)</title>
<meta charset="utf-8" />
<link rel="help" href="https://gpuweb.github.io/gpuweb/" />
<img id="elem1" width="64" height="64" style="width: 128px; height: 128px;">
<img id="elem2" width="64" height="64" style="width: 128px; height: 128px; image-rendering: pixelated;">
<img id="elem3" width="64" height="64" style="width: 128px; height: 128px; image-rendering: crisp-edges">
<img id="elem4" width="64" height="64" style="width: 128px; height: 128px;">
<img id="elem5" width="64" height="64" style="width: 128px; height: 128px; image-rendering: pixelated;">
<img id="elem6" width="64" height="64" style="width: 128px; height: 128px; image-rendering: crisp-edges">
<script type="module">
import { takeScreenshotDelayed } from '../../../../common/util/wpt_reftest_wait.js';
(async () => {
const dataURL = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAKdJREFUeF7t28kJwDAQA0Cp/6I3hJAqNK/kazDr2atJ7u7S9v3Z+76nnz18m7oBboAYIAZMRv//1fMKcAAHkCAJLuYAXoEv8ZMLcAAHcAAHcAAHjBZEOeBSDuAADuAADuAADtjrCqsIqQh98xAkSIIkSIIkSIIkSIKrYzJ6gyRIgiRIgiRIgiRIgiRoZ2hwYcp8gKqwSVF9AXuD9gbtDdobXGWw7nCbB5+MQQlHipKKAAAAAElFTkSuQmCC';
await Promise.all([...document.querySelectorAll('img')].map(img => {
img.src = dataURL;
return img.decode();
}));
takeScreenshotDelayed(50);
})();
</script>
</html>