Estoy comenzando con la biblioteca JS html2canvas para crear una captura de pantalla de un div. El problema es que mi captura de pantalla no es cualitativa y está borrosa.

¿Cómo puedo mejorar mi código para tener la mejor calidad posible?

Probé varios métodos (agregando una escala, un dpi, etc.) ninguno funcionó.

 var screenshot = document.getElementById("screenshotButton"); screenshot.addEventListener("click", function(event) { const captureElement = document.getElementById('main-frame') var instance = cy.contextMenus(contextMenuOptions); instance.destroy() html2canvas(captureElement) .then(canvas => { //scale =2, // dpi = 400, crossOriginIsolated = 'anonymous', useCORS= true, foreignObjectRendering= true, allowTaint =false, canvas.style.display = 'none' document.body.appendChild(canvas) return canvas }) .then(canvas => { const image = canvas.toDataURL('image/jpeg').replace('image/jpeg', 'image/octet-stream') const a = document.createElement('a') a.setAttribute('download', inputNodesParam + '.jpeg') a.setAttribute('href', image) a.click() canvas.remove() })