| <html> |
| <script src="./resources/webgl-test-utils-full.js"></script> |
| <script src="./resources/tex-image-and-sub-image-utils.js"></script> |
| <script src="./resources/tex-image-and-sub-image-image-bitmap-utils-resize.js"></script> |
| <body> |
| <script> |
| if (window.testRunner) { |
| testRunner.dumpAsTextWithPixelResults(); |
| testRunner.waitUntilDone(); |
| } |
| |
| function setCanvasToRedGreen(ctx) { |
| var width = ctx.canvas.width; |
| var halfWidth = Math.floor(width / 2); |
| var height = ctx.canvas.height; |
| var halfHeight = Math.floor(height / 2); |
| ctx.fillStyle = "rgba(255, 0, 0, 1)"; |
| ctx.fillRect(0, 0, halfWidth, halfHeight); |
| ctx.fillStyle = "rgba(255, 0, 0, 0.1)"; |
| ctx.fillRect(halfWidth, 0, halfWidth, halfHeight); |
| ctx.fillStyle = "rgba(0, 255, 0, 1)"; |
| ctx.fillRect(0, halfHeight, halfWidth, halfHeight); |
| ctx.fillStyle = "rgba(0, 255, 0, 0.1)"; |
| ctx.fillRect(halfWidth, halfHeight, halfWidth, halfHeight); |
| } |
| |
| var testCanvas = document.createElement('canvas'); |
| testCanvas.width = 2; |
| testCanvas.height = 2; |
| var offscreen = testCanvas.transferControlToOffscreen(); |
| var ctx = offscreen.getContext("2d"); |
| setCanvasToRedGreen(ctx); |
| |
| var canvas = document.createElement('canvas'); |
| canvas.width = 400; |
| canvas.height = 400; |
| document.body.appendChild(canvas); |
| var testOptions = {sourceName: "OffscreenCanvas", imageSource: offscreen, |
| sourceIsPremul: true, resizeWidth: 16, resizeHeight: 16, |
| resultsCanvas: canvas, printDebugInfoToConsole: false}; |
| |
| prepareWebGLContext(testOptions); |
| prepareResizedImageBitmapsAndRuntTests(testOptions); |
| </script> |