Tengo una miniatura png con datos base64. Estoy tratando de convertirlo a una miniatura jpeg. No estoy seguro de qué estoy haciendo mal. Mi elemento actual tiene una miniatura en blanco

 var canvas = document.createElement('canvas'); canvas.id = currItem.Id + '_1'; canvas.width = currItem.ThumbnailInfo[0].Width; canvas.height = currItem.ThumbnailInfo[0].Height; var ctx = canvas.getContext('2d'); var p = new Promise((resolve, reject) => { var img = new Image(); img.src = currItem.ThumbnailInfo[0].Thumbnail; img.onload = async function () { await ctx!.drawImage(img, 0, 0, canvas.width, canvas.height); var imageData = ctx?.getImageData(0, 0, canvas.width, canvas.height); ctx?.fillRect(0, 0, canvas.width, canvas.height); //var imageData = canvas.toDataURL(); var imagejpeg = canvas.toDataURL('image/jpeg'); resolve(imagejpeg); } }); let imagejpgeg2 = await p; currItem.ThumbnailInfo[0].Thumbnail = imagejpeg;