将 svg 转换为 pdf 返回空的 pdf 文件

Question

我正在使用以下示例： http://jsfiddle.net/p4s5k59s/1222/

尝试将 plotly.js svg 元素转换为 pdf 图像/文件。

控制器功能：

  $scope.savePdf = function(){
    html2canvas($("#graphRender"), {
        onrendered: function(canvas) {   
        console.log(canvas);      
            var imgData = canvas.toDataURL(
                'image/png');              
            var doc = new jsPDF('p', 'mm');
            doc.addImage(imgData, 'PNG', 1000, 1000);
            doc.save('sample-file.pdf');
        }
    });
  }

HTML：

Answer 1

您使用 jsPDF 和 html2canvas 只是为了清楚了解库。 jsPDF 的文档虽然很糟糕，但我知道这是从哪里来的。这里的重要方法是

.addImage() 方法

语法如下：

addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);

尝试使用您的代码来获得正确的位置，然后调整您希望在 PDF 中具有的宽度和高度。你甚至可以在你提供的 plunker 上试一试，只需用这个替换方法以获得不同的输出：

doc.addImage(imgData, 'PNG', 0, 10, 200, 300);

那么我想你会明白这一点并让它发挥作用。