<canvas id="mainC" width="100" height="100" style="border:1px solid #000000;"></canvas>
<script>
var canvas = document.getElementById("mainC");
var ctx = canvas.getContext("2d");
ctx.canvas.width = window.innerWidth;
ctx.canvas.height = window.innerHeight;
var wall = new Image();
wall.src = "woodblock.jpg";
ctx.drawImage(wall, 0, 0,56,56);
</script>
What if I want to draw same image many times to different coordinates?