Function imageToCanvas

Convert HTMLImageElement or ImageData to HTMLCanvasElement.

Creates a new canvas and draws the input image onto it. For HTMLImageElement, uses naturalWidth/Height to preserve original dimensions.

Throws

When canvas context creation fails

Example

// Convert an image element to canvas
const img = document.getElementById('myImage') as HTMLImageElement;
const canvas = imageToCanvas(img);

// Convert ImageData to canvas
const ctx = someCanvas.getContext('2d');
const imageData = ctx.getImageData(0, 0, 100, 100);
const canvas = imageToCanvas(imageData);
Copy