mejora esta funcion para que la imagen resultante no se pixele function descargarImagen() { const canvas = document.querySelector("#CanvasImg"); const div = document.querySelector("#pieFirma"); // Crea un nuevo canvas con el tamaño reducido const canvasNuevo = document.createElement("canvas"); canvasNuevo.width = 360; canvasNuevo.height =200; // Dibuja la imagen original en el nuevo canvas con el algoritmo Bicubic de suavizado const contexto = canvasNuevo.getContext("2d"); contexto.imageSmoothingEnabled = true; contexto.imageSmoothingQuality = "high"; contexto.drawImage(canvas, 0, 0, canvas.width, canvas.height, 0, 0, canvasNuevo.width, canvasNuevo.height); // Obtener la imagen en formato de datos URL const datosURL = canvasNuevo.toDataURL(); // Crear un enlace temporal para descargar la imagen const enlace = document.createElement("a"); enlace.href = datosURL; enlace.download = "miFirma.png"; // Simular un clic en el enlace para iniciar la descarga enlace.click(); }

function descargarImagen() {
  const canvas = document.querySelector("#CanvasImg");
  const div = document.querySelector("#pieFirma"); 
  // Crea un nuevo canvas con el tamaño reducido
  const canvasNuevo = document.createElement("canvas");
  canvasNuevo.width = 360;
  canvasNuevo.height =200;
  // Dibuja la imagen original en el nuevo canvas con el algoritmo Bicubic de suavizado
  const contexto = canvasNuevo.getContext("2d");
  contexto.imageSmoothingEnabled = true;
  contexto.imageSmoothingQuality = "high";
  contexto.drawImage(canvas, 0, 0, canvas.width, canvas.height, 0, 0, canvasNuevo.width, canvasNuevo.height);
  // Obtener la imagen en formato de datos URL
  const datosURL = canvasNuevo.toDataURL();