<!DOCTYPE html>
<html>
<body>
<p>Image:</p>
<img id="forest" width="220" height="277" src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190809013546/gfg_350X350.png"
alt="Forest">
<p>Canvas:</p>
<canvas id="Canvas" width="300" height="200"
style="border:15px solid #000066;">
Your browser not support the HTML5 canvas .
</canvas>
<script>
window.onload = function() {
var canvas = document.getElementById("Canvas");
var context = canvas.getContext("2d");
var img = document.getElementById("forest");
context.drawImage(img, 12, 8);
};
</script>
</body>
</html>