Как сделать холст с фоновым рисунком можно скачать

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>