html to image in javascript

index.tsx
// Get the HTML element you want to capture
const element = document.getElementById('my-html-element');

// Create a canvas element
const canvas = document.createElement('canvas');
canvas.width = element.offsetWidth;
canvas.height = element.offsetHeight;

// Get the canvas 2D context and draw the element on it
const context = canvas.getContext('2d');
context.drawImage(element, 0, 0, element.offsetWidth, element.offsetHeight);

// Convert the canvas to a data URL and set it as the source of an image element
const img = new Image();
img.src = canvas.toDataURL('image/png');

// Append the image element to the document
document.appendChild(img);
650 chars
19 lines