画像を表すオブジェクトの相互変換

[1] Web では画像は色々なオブジェクトとして表現できます。相互に変換できる経路が存在するかもしれませんし、難しいかもしれません。

入力	`data:` URL	`ArrayBuffer`, `ArrayBufferView`	`ImageData`	`Blob`	`blob:` URL	`<input type=file>`	`DataTransfer`	`img`	`canvas`, `2d`	`video`	`ImageBitmap`
`data:` URL	-	XHR/fetch では不可 (SOP)		XHR/fetch では不可 (SOP)				`src`
`ArrayBuffer`, `ArrayBufferView`		-	コンストラクター	コンストラクター
`ImageData`		`data`	`createImageData`						`putImageData`		`createImageBitmap`
`Blob`				コンストラクター	`createObjectURL`						`createImageBitmap`
`blob:` URL		XHR/fetch		XHR/fetch	-			`src`
`<input type=file>`				`files`		-
`DataTransfer`				`files`			-
`img`								-	`drawImage`		`createImageBitmap`
`canvas`, `2d`	`toDataURL`		`getImageData`	`toBlob`					`drawImage`		`createImageBitmap`
`video`									`drawImage`	-	`createImageBitmap`
`ImageBitmap`									`drawImage`		`createImageBitmap`

[2] 他に atob/btoa もあります。