| <body> | |
| <canvas id="canvas" width="200" height="200"></canvas> | |
| <script> | |
| const canvas = document.getElementById("canvas"); | |
| const ctx = canvas.getContext("2d"); | |
| const width = canvas.width; | |
| const height = canvas.height; | |
| ctx.fillStyle = "green"; | |
| ctx.fillRect(width / 2, height / 2, width / 2, height / 2); | |
| ctx.globalCompositeOperation = "copy"; | |
| ctx.imageSmoothingEnabled = false; | |
| ctx.drawImage( | |
| canvas, | |
| width / 2, height / 2, width / 2, height / 2, | |
| 0, 0, width / 2, height / 2 | |
| ); | |
| </script> | |
| </body> |