jspdf를 사용하여 PDF에 이미지를 추가하면 이미지가 검은 색이됩니다.

Question

URL의 이미지를 PDF 파일에 추가하려고하면 이미지가 검은 색으로 나타납니다.
그러나 pdf 버튼을 다시 클릭하면 이미지가 PDF에 추가됩니다. 처음으로 할 때 만 이미지가 검은 색으로 나타납니다.

는 A가 PNG로 JPEG를 변경, 나를 위해 일한 :이 같은 코드를 변경하면 어떻게됩니까

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

.

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");