imageBitmapRendering-transferFromImageBitmap-webgl-expected.html (872B)
1 <!DOCTYPE html> 2 3 <body> 4 <p> 5 Test creating an ImageBitmap from the transferToImageBitmap of a webgl OffscreenCanvas, and then 6 transferred to an ImageBitmapRenderingContext. 7 </p> 8 <canvas id="canvas" width="300" height="300"></canvas> 9 </body> 10 <script> 11 12 function drawSquares(ctx) { 13 ctx.enable(ctx.SCISSOR_TEST); 14 ctx.scissor(0, 150, 150, 150); 15 ctx.clearColor(1, 0, 0, 1); 16 ctx.clear(ctx.COLOR_BUFFER_BIT); 17 ctx.scissor(150, 150, 300, 150); 18 ctx.clearColor(0, 1, 0, 1); 19 ctx.clear(ctx.COLOR_BUFFER_BIT); 20 ctx.scissor(0, 0, 150, 150); 21 ctx.clearColor(0, 0, 1, 1); 22 ctx.clear(ctx.COLOR_BUFFER_BIT); 23 } 24 25 async function runTest() { 26 const canvas = document.getElementById('canvas'); 27 canvas.width = 300; 28 canvas.height = 300; 29 const ctx = canvas.getContext('webgl'); 30 drawSquares(ctx); 31 } 32 33 runTest(); 34 35 </script>