Добавление изображения в PDF с использованием jspdf делает изображение черным

Question

Когда я пытаюсь добавить изображение в URL-адрес в файл PDF, изображение приходит полностью черным.
Но когда я снова нажимаю кнопку загрузки pdf, изображение добавляется в файл PDF.Only , когда я делаю это в первый раз, изображение становится черным.

function getBase64Image(url) { 

alert(url); 
var canvas = document.getElementById('myCanvas'); 
var context = canvas.getContext('2d'); 
var img = new Image(); 
img.src = url; 
img.style.height ="181px"; 
img.style.width ="183px"; 
//img.crossOrigin ="Anonymous"; 

context.drawImage(img,0,0); 

var dataURL = canvas.toDataURL("image/jpeg"); 
alert(dataURL); 
document.body.appendChild(img); 


var doc = new jsPDF('landscape'); 

doc.addImage(img,'JPEG',0,0,50,50); 
doc.save('Saved.pdf'); 

} 

getBase64Image("http://localhost:64931/jspdf/download.png"); 

Answer 1

Что происходит, когда вы изменить свой код так:

измененного JPEG в PNG, который работал для меня.

function getBase64Image(url) { 

alert(url); 
var canvas = document.getElementById('myCanvas'); 
var context = canvas.getContext('2d'); 
var img = new Image(); 
img.src = url; 
img.style.height ="181px"; 
img.style.width ="183px"; 
//img.crossOrigin ="Anonymous"; 

context.drawImage(img,0,0); 

var dataURL = canvas.toDataURL("image/png"); 
alert(dataURL); 
document.body.appendChild(img); 


var doc = new jsPDF('landscape'); 

doc.addImage(img,'PNG',0,0,50,50); 
doc.save('Saved.pdf'); 

} 

getBase64Image("http://localhost:64931/jspdf/download.png");