| <!DOCTYPE html> |
| <html> |
| <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: 99px; height: 99px;"> |
| <img id="elem2" width="64" height="64" style="width: 99px; height: 99px; image-rendering: pixelated;"> |
| <img id="elem3" width="64" height="64" style="width: 99px; height: 99px; image-rendering: crisp-edges"> |
| <img id="elem4" width="64" height="64" style="width: 99px; height: 99px;"> |
| <img id="elem5" width="64" height="64" style="width: 99px; height: 99px; image-rendering: pixelated;"> |
| <img id="elem6" width="64" height="64" style="width: 99px; height: 99px; image-rendering: crisp-edges"> |
| <script> |
| const dataURL = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAKdJREFUeF7t28kJwDAQA0Cp/6I3hJAqNK/kazDr2atJ7u7S9v3Z+76nnz18m7oBboAYIAZMRv//1fMKcAAHkCAJLuYAXoEv8ZMLcAAHcAAHcAAHjBZEOeBSDuAADuAADuAADtjrCqsIqQh98xAkSIIkSIIkSIIkSIKrYzJ6gyRIgiRIgiRIgiRIgiRoZ2hwYcp8gKqwSVF9AXuD9gbtDdobXGWw7nCbB5+MQQlHipKKAAAAAElFTkSuQmCC'; |
| document.querySelectorAll('img').forEach(img => img.src = dataURL); |
| </script> |
| </html> |
