Как экспортировать изображение холста с помощью jsPDF?

Question

Я разрабатываю приложение, которое генерирует некоторые графики, используя canvas. Теперь мне нужно экспортировать эти графики в PDF. Что случилось с моим кодом?

Я думаю, что проблема заключается в src использовании dataURI:

function uri(obj) { 
    var canvas = document.getElementById(obj); 
    var dataURL = canvas.toDataURL("image/jpeg,1.0"); 
    var img = document.getElementById('minha_imagem'); 
    img.src = dataURL; 
} 

CodePen

Answer 1

Это был мой вопрос тоже.

var canvas = document.getElementById(canvas_obj); 
doc.addImage(canvas.toDataURL("image/jpeg"), 'JPEG', 0, 0, 100, 100); 

В результате получается pdf с черным изображением.

http://codepen.io/doriclaudino/pen/KprqzR

Я думаю, вам нужно использовать последнюю версию JSPDF с anothers включает.

Answer 2

немного поздно, может быть,

Я только что был один и тот же вопрос месяца назад, я решил его как этот

function getPDFFileButton() { 
      return html2canvas($("#toSaveAsPDF"), { 
       background: "#ffffff", 
       onrendered: function(canvas) { 
        var myImage = canvas.toDataURL("image/jpeg"); 
        var imgWidth = (canvas.width * 25.4)/240; 
        var imgHeight = (canvas.height * 25.4)/240; 
        var table = new jsPDF('p', 'mm', 'a4'); 
        table.addImage(myImage, 'JPEG', 15, 2, imgWidth, imgHeight); // 2: 19 
        table.save('Statistiques.pdf'); 
       } 
      }); 
     } 

вы можете установить фон генерируемого PDF с этой линией background: "#ffffff",

Надеюсь, что это может быть полезно,