Get ImageData from canvas, loading picture via url

image-data-from-url.js

const getImageDataFromUrl = (url, callback) => {
	const canvas = document.createElement("canvas")
	const context = canvas.getContext("2d")
	
	const image = new Image()
	
	image.onload = async () => {
		const { width, height } = image
		const { data: imageData } = context.getImageData(0, 0, width, height)
		callback(imageData)
	}
	
	image.src = url
}

function log(data) {
	console.log(data)
}

getImageDataFromUrl('https://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png', log)