如何制作具有图像背景的画布

Question

完成绘制并单击圆圈后，我希望画布可以与背景图像一起下载。如何在代码上插入图片？这样我就可以用画布下载

<script type="text/javascript">
$("#canvas").click(function(e){
   getPosition(e);

  });

  var pointSize = 3;

  function getPosition(event){
   var rect = canvas.getBoundingClientRect();
   var x = event.clientX - rect.left;
   var y = event.clientY - rect.top;

   drawCoordinates(x,y);

  }

  function drawCoordinates(x,y){

  var ctx = document.getElementById("canvas").getContext("2d");
  ctx.fillStyle = "#ff2626"; // Red color
  ctx.beginPath();
  ctx.arc(x, y, pointSize, 0, Math.PI * 2, true);

  ctx.fill();
  }
</script>