Stitch together 2 images and screenshot them

canvasStitch.js

export const screenshot = (canvasRef, base, avatar) => {
  const ctx = canvasRef.getContext('2d')
  const imageObj1 = new Image()
  const imageObj2 = new Image()
  imageObj1.src = base.src
  imageObj1.onload = () => {
    ctx.drawImage(imageObj1, 0, 0, base.height, base.width)
    imageObj2.src = avatar.src
    imageObj2.onload = () => {
      ctx.drawImage(imageObj2, avatar.left, avatar.top, avatar.height, avatar.width)
      // const img = canvasRef.toDataURL('image/png')
      // document.write('<img src="' + img + '" width="328" height="526"/>')
      return canvasRef
    }
  }
}