| <link rel="match" href="drawimage_canvas_self_ref.html"> |
| <canvas id="dest" height="100" width="100"></canvas> |
| <script> |
| var canvasWidth = canvasHeight = 100; |
| var destWidth = canvasWidth / 4; |
| var destHeight = canvasHeight / 4; |
| var destCanvas = document.getElementById('dest'); |
| var destCtx = destCanvas.getContext('2d'); |
| |
| destCtx.fillStyle = 'red'; |
| destCtx.fillRect(0, 0, canvasWidth, canvasHeight); |
| destCtx.fillStyle = 'green'; |
| destCtx.fillRect(0, 0, canvasWidth / 2, canvasHeight / 2); |
| destCtx.drawImage(destCanvas, |
| 0, 0, destWidth, destHeight, |
| canvasWidth / 2, canvasHeight / 2, destWidth, destHeight); |
| </script> |