var canvas = document.createElement('canvas')

var context = canvas.getContext('2d')

var bitmap

var img = new Image()

img.onload = async () => {

    canvas.width = img.width

    canvas.height = img.height

    context.drawImage(img, 0, 0)

    bitmap = await createImageBitmap(img)

}

img.src = 'https://1.bp.blogspot.com/-52MtzD0GfX0/WvP52CL1WjI/AAAAAAAAOVw/_OpK4JHeWK01d-7IiZ6vzojYGhXqLRXrACLcBGAs/s1600/EMxediL.jpg'

​

var c = document.createElement('canvas').getContext('2d')

​

​

// bitmap && c.drawImage(img,    250, 250, 250, 250, 0, 0, 1000, 1000)

// bitmap && c.drawImage(canvas, 250, 250, 250, 250, 0, 0, 1000, 1000)

// bitmap && c.drawImage(bitmap, 250, 250, 250, 250, 0, 0, 1000, 1000)

​

​