I am generating PDF file using jsPDF library. Everything is okay, but at page my chart has white background ( on PDF - black ):

Chart from my webpage:

And from PDF:

my code for generating file:

var newCanvas = document.querySelector('#canvasChart');
    var newCanvasImg = newCanvas.toDataURL("image/jpeg", 1.0);
    var doc = new jsPDF('landscape');
    doc.setFontSize(20);
    doc.text(15, 15, "Super Cool Chart");
    doc.addImage(newCanvasImg, 'JPEG', 10, 10, 280, 150 );
    doc.save('new-canvas.pdf');

Do you have an idea how to solve this ? Thanks in advance,

I am generating PDF file using jsPDF library. Everything is okay, but at page my chart has white background ( on PDF - black ):

Chart from my webpage:

And from PDF:

my code for generating file:

var newCanvas = document.querySelector('#canvasChart');
    var newCanvasImg = newCanvas.toDataURL("image/jpeg", 1.0);
    var doc = new jsPDF('landscape');
    doc.setFontSize(20);
    doc.text(15, 15, "Super Cool Chart");
    doc.addImage(newCanvasImg, 'JPEG', 10, 10, 280, 150 );
    doc.save('new-canvas.pdf');

Do you have an idea how to solve this ? Thanks in advance,

• javascript
• pdf
• chart.js
• jspdf

• 2 Chart.js: Canvas background color #2830 – Andreas Commented Aug 15, 2017 at 8:52
• 2 Possible duplicate of How to save Chart JS charts as image without black background using blobs and filesaver? – Andreas Commented Aug 15, 2017 at 8:55
• An Article from github helped a lot! thank you – python_beg2 Commented Aug 15, 2017 at 9:01

1 Answer 1

Maybe later, but I solved using PNG image:

var newCanvasImg = newCanvas.toDataURL("image/png", 1.0);

Hope this helps.