2d.layer.several-complex-expected.html (1120B)
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>Canvas test: 2d.layer.several-complex</title> 5 <h1>2d.layer.several-complex</h1> 6 <p class="desc">Test to ensure beginlayer works for filter, alpha and shadow, even with consecutive layers.</p> 7 <canvas id="canvas" width="500" height="500"> 8 <p class="fallback">FAIL (fallback content)</p> 9 </canvas> 10 <script> 11 const canvas = document.getElementById("canvas"); 12 const ctx = canvas.getContext('2d'); 13 14 ctx.fillStyle = 'rgba(0, 0, 255, 1)'; 15 ctx.fillRect(50, 50, 95, 70); 16 17 ctx.globalAlpha = 0.5; 18 ctx.shadowOffsetX = -10; 19 ctx.shadowOffsetY = 10; 20 ctx.shadowColor = 'orange'; 21 ctx.shadowBlur = 3; 22 23 var canvas2 = [5]; 24 var ctx2 = [5]; 25 26 for (let i = 0; i < 5; i++) { 27 canvas2[i] = document.createElement("canvas"); 28 ctx2[i] = canvas2[i].getContext("2d"); 29 ctx2[i].fillStyle = 'rgba(225, 0, 0, 1)'; 30 ctx2[i].fillRect(60, 40, 75, 50); 31 ctx2[i].fillStyle = 'rgba(0, 255, 0, 1)'; 32 ctx2[i].fillRect(80, 60, 75, 50); 33 34 ctx.drawImage(canvas2[i], i, i); 35 } 36 </script>