1851943-ref.html (588B)
1 <!DOCTYPE html> 2 <head><meta charset="utf-8"></head> 3 <body> 4 <canvas id="canvas" width="100" height="100" style="background-color: #555555;"></canvas> 5 <script> 6 let canvas = document.getElementById("canvas"); 7 let ctx = canvas.getContext("2d"); 8 9 const canvasTemp = document.createElement('canvas'); 10 canvasTemp.width = 50; 11 canvasTemp.height = 50; 12 let ctxTemp = canvasTemp.getContext("2d"); 13 ctxTemp.fillStyle = "#ff0000"; 14 ctxTemp.fillRect(0, 0, 50, 50); 15 ctxTemp.fillStyle = "#00ff00"; 16 ctxTemp.fillRect(2, 2, 46, 46); 17 ctx.drawImage(canvasTemp, 0, 0, 100, 100, 0, 0, 100, 100); 18 </script> 19 </body>