2d.layer.layer-rendering-state-reset-in-layer.html (2439B)
1 <!DOCTYPE html> 2 <!-- DO NOT EDIT! This test has been generated by /html/canvas/tools/gentest.py. --> 3 <meta charset="UTF-8"> 4 <title>OffscreenCanvas test: 2d.layer.layer-rendering-state-reset-in-layer</title> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <script src="/html/canvas/resources/canvas-tests.js"></script> 8 9 <h1>2d.layer.layer-rendering-state-reset-in-layer</h1> 10 <p class="desc">Tests that rendering states are reset in layers and restored after.</p> 11 12 13 <script> 14 test(t => { 15 var canvas = new OffscreenCanvas(100, 50); 16 var ctx = canvas.getContext('2d'); 17 18 ctx.globalAlpha = 0.5; 19 ctx.globalCompositeOperation = 'xor'; 20 ctx.shadowColor = '#0000ff'; 21 ctx.shadowOffsetX = 10; 22 ctx.shadowOffsetY = 20; 23 ctx.shadowBlur = 30; 24 ctx.filter = 'blur(5px)'; 25 26 _assertSame(ctx.globalAlpha, 0.5, "ctx.globalAlpha", "0.5"); 27 _assertSame(ctx.globalCompositeOperation, 'xor', "ctx.globalCompositeOperation", "'xor'"); 28 _assertSame(ctx.shadowColor, '#0000ff', "ctx.shadowColor", "'#0000ff'"); 29 _assertSame(ctx.shadowOffsetX, 10, "ctx.shadowOffsetX", "10"); 30 _assertSame(ctx.shadowOffsetY, 20, "ctx.shadowOffsetY", "20"); 31 _assertSame(ctx.shadowBlur, 30, "ctx.shadowBlur", "30"); 32 _assertSame(ctx.filter, 'blur(5px)', "ctx.filter", "'blur(5px)'"); 33 34 ctx.beginLayer(); 35 36 _assertSame(ctx.globalAlpha, 1.0, "ctx.globalAlpha", "1.0"); 37 _assertSame(ctx.globalCompositeOperation, 'source-over', "ctx.globalCompositeOperation", "'source-over'"); 38 _assertSame(ctx.shadowColor, 'rgba(0, 0, 0, 0)', "ctx.shadowColor", "'rgba(0, 0, 0, 0)'"); 39 _assertSame(ctx.shadowOffsetX, 0, "ctx.shadowOffsetX", "0"); 40 _assertSame(ctx.shadowOffsetY, 0, "ctx.shadowOffsetY", "0"); 41 _assertSame(ctx.shadowBlur, 0, "ctx.shadowBlur", "0"); 42 _assertSame(ctx.filter, 'none', "ctx.filter", "'none'"); 43 44 ctx.endLayer(); 45 46 _assertSame(ctx.globalAlpha, 0.5, "ctx.globalAlpha", "0.5"); 47 _assertSame(ctx.globalCompositeOperation, 'xor', "ctx.globalCompositeOperation", "'xor'"); 48 _assertSame(ctx.shadowColor, '#0000ff', "ctx.shadowColor", "'#0000ff'"); 49 _assertSame(ctx.shadowOffsetX, 10, "ctx.shadowOffsetX", "10"); 50 _assertSame(ctx.shadowOffsetY, 20, "ctx.shadowOffsetY", "20"); 51 _assertSame(ctx.shadowBlur, 30, "ctx.shadowBlur", "30"); 52 _assertSame(ctx.filter, 'blur(5px)', "ctx.filter", "'blur(5px)'"); 53 54 }, "Tests that rendering states are reset in layers and restored after."); 55 </script>