convert div to image in javascript

index.tsx
// get div element
const divElement = document.getElementById("myDiv");

// create canvas element
const canvas = document.createElement("canvas");
canvas.width = divElement.offsetWidth;
canvas.height = divElement.offsetHeight;

// get drawing context
const context = canvas.getContext("2d");

// draw div element on the canvas
context.drawInlineSVG(new XMLSerializer().serializeToString(divElement));

// convert canvas to image data url
const dataURL = canvas.toDataURL();

// create image element and set its source
const imgElement = document.createElement("img");
imgElement.src = dataURL;

// add image element to the DOM
document.body.appendChild(imgElement);
666 chars
24 lines