pdfmake图像错误插入

时间:2016-02-23 08:09:11

标签: angularjs typescript export-to-pdf pdfmake

我需要将图像插入PDF,但插入时出现错误,告诉我格式不正确。我的代码如下。

public getBase64Image(img : any) {
        // Create an empty canvas element
        var canvas = document.createElement("canvas");
        canvas.width = img.width;
        canvas.height = img.height;

        // Copy the image contents to the canvas
        var ctx = canvas.getContext("2d");
        ctx.drawImage(img, 0, 0);

        // Get the data-URL formatted image
        // Firefox supports PNG and JPEG. You could check img.src to
        // guess the original format, but be aware the using "image/jpg"
        // will re-encode the image.
        var dataURL = canvas.toDataURL("image/png");

        return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
    }

转换base64的功能。 我称之为功能。

exporterPdfHeader:{
                columns: [
                    {  
                        width: 300, alignment: 'left',
                        text: [ 
                                'Pedido de prueba\n\n',
                                'Centro de Trabajo: prueba. Serie: 00.\n\n',
                                'Numped: 38289',
                              ],
                        bold:true,
                        fontSize: 10,
                        margin: [40, 20, 0, 0],
                        height:120,
                    },
                    {
                        width: 140,
                        alignment: 'center',
                        image: 'data:image/png;base64, this.getBase64Image("../imagenes/logoExportarPdf.png")',
                        bold:true, 
                        fontSize: 10,
                        margin: [40, 20, 0, 0],
                        height:80,
                    }
                ]
            }, 

错误

enter image description here

关于这一点,我有几个问题。你需要将它传递给base64吗? 我希望将照片插入PDF中,这非常简单。由于细节不知道它是否重要,我使用Angle ui -grid。我在打字稿中编程。

谢谢

1 个答案:

答案 0 :(得分:0)

你真的传递字符串数据:image / png; base64,this.getBase64Image(" ../ imagenes / logoExportarPdf.png")'作为图像,而不是调用函数。

您应该使用'data:image/png;base64,'+ this.getBase64Image("../imagenes/logoExportarPdf.png")