PDFに変換キャンバス：黒私はPDFに私のHTMLキャンバスをエクスポートし、それをダウンロードしたい背景

Question

、私はいくつかの検索を行なったし、次のスクリプトは、私と一緒に正常に動作します：

<script language = "JAVASCRIPT"> 
var canvas = document.getElementById('mycanvas'); 

var context = canvas.getContext('2d'); 

// draw a blue cloud 
context.beginPath(); 
context.moveTo(170, 80); 
context.bezierCurveTo(130, 100, 130, 150, 230, 150); 
context.bezierCurveTo(250, 180, 320, 180, 340, 150); 
context.bezierCurveTo(420, 150, 420, 120, 390, 100); 
context.bezierCurveTo(430, 40, 370, 30, 340, 50); 
context.bezierCurveTo(320, 5, 250, 20, 250, 50); 
context.bezierCurveTo(200, 5, 150, 20, 170, 80); 
context.closePath(); 
context.lineWidth = 5; 
context.fillStyle = '#8ED6FF'; 
context.fill(); 
context.strokeStyle = '#0000ff'; 
context.stroke(); 

download.addEventListener("click", function() { 
// only jpeg is supported by jsPDF 
var imgData = canvas.toDataURL("image/jpeg", 1.0); 
var pdf = new jsPDF(); 

pdf.addImage(imgData, 'JPEG', 0, 0); 
var download = document.getElementById('download'); 

pdf.save("download.pdf"); 
}, false); 
</script> 

しかし、私は私のキャンバスを取得しています黒い背景で！

私は他のコードと私はインターネットで見つかった多くのソリューションを試してみましたが、私はキャンバスのタグで背景色を変更しようとしましたが、何も働いていなかった。..

は、任意のヘルプしてください？代わりにJPEGとしてダウンロードする

Answer 1

は、PNGとしてダウンロードしてみてください：

download.addEventListener("click", function() { 
// only jpeg is supported by jsPDF 
var imgData = canvas.toDataURL("image/png", 1.0); 
var pdf = new jsPDF(); 

pdf.addImage(imgData, 'PNG', 0, 0); 
var download = document.getElementById('download'); 

pdf.save("download.pdf"); 
}, false);