Получение изображения из Firebase Storage и размещение в PDF - PullRequest
Новая
       33

Получение изображения из Firebase Storage и размещение в PDF

0 голосов
/ 19 мая 2019

Итак, я новичок в наборе PDF и у меня есть базовое понимание Javascript, но я не могу понять, как изобразить, как поместить изображение из Firebase Storage в PDF или есть ли способиспользуйте GCF, чтобы сохранить это изображение и поместить его в PDF.Я создаю PDF-файл с помощью облачных функций Google и Node.js. Ниже приведено то, что у меня есть: 

exports.pdf = functions.https.onRequest((request,response)=>{
    //Create a document
    const PDFDocument = require('pdfkit');
    const doc = new PDFDocument();
    const storageBucket = admin.storage().bucket();
    const logo = g
    generateHeader(doc);
    // Pipe its output somewhere, like to a file or HTTP response
    // See below for browser usage

    // Embed a font, set the font size, and render some text
    doc.font('Courier')
       .fontSize(15)
       .text('Some text with an embedded font!', 100, 100);

    // Add an image, constrain it to a given size, and center it vertically and horizontally
    // doc.image('https://firebasestorage.googleapis.com/v0/b/redog-bf9c8.appspot.com/o/pdfresource%2Fsplash.png?alt=media&token=25028ea2-5085-4782-9038-88b694b69f50', {
    //    fit: [250, 300],
    //    align: 'center',
    //    valign: 'center'
    // });

    // Add another page
    doc.addPage()
       .fontSize(25)
       .text('Here is some vector graphics...', 100, 100);

    // Draw a triangle
    doc.save()
       .moveTo(100, 150)
       .lineTo(100, 250)
       .lineTo(200, 250)
       .fill("#FF3300");

    // Apply some transforms and render an SVG path with the 'even-odd' fill rule
    doc.scale(0.6)
       .translate(470, -380)
       .path('M 250,75 L 323,301 131,161 369,161 177,301 z')
       .fill('red', 'even-odd')
       .restore();

    // Add some text with annotations
    doc.addPage()
       .fillColor("blue")
       .text('Here is a link!', 100, 100)
       .underline(100, 100, 160, 27, {color: "#0000FF"})
       .link(100, 100, 160, 27, 'http://google.com/');

    // Finalize PDF file
    const myPdfFile = admin.storage().bucket().file('/test/Arbeitsvertrag.pdf');
const stream = doc.pipe(myPdfFile.createWriteStream());
    doc.end();
    });

    function generateHeader(doc) {
        doc
          .image("storage/pdfresource/splash.png", 50, 45, { width: 50 })
          .fillColor("#444444")
          .fontSize(20)
          .text("ACME Inc.", 110, 57)
          .fontSize(10)
          .text("123 Main Street", 200, 65, { align: "right" })
          .text("New York, NY, 10025", 200, 80, { align: "right" })
          .moveDown();
      }

Проблема, с которой я столкнулся, связана с функцией GenerateHeader ... она не может найтифайл ... кто-нибудь знает, как я могу указать его в правильном направлении?

Ответы [ 2 ]

1 голос
/ 19 мая 2019

Я не совсем отвечаю на ваш вопрос, но вот решение, если вы хотите встроить статическое изображение в PDF-файл, например, логотип компании.

Вы можете сохранить изображение в папке в папке functions и вызвать его в коде своей функции облака.

Например, в вашей среде IDE создайте папку images в папке functions, добавьте изображение splash.png в эту папку и в своем коде вызовите изображение следующим образом: 

  doc
    .image('./images/splash.png', 50, 45, { width: 50 })
    .fillColor('#444444')
    ....

Затем повторно разверните облачную функцию, и она должна сделать свое дело.

0 голосов
/ 21 июня 2019

Решением здесь было поместить URL загрузки в отдельную функцию: 

  function toBase64(url) {
                return new Promise(async (resolve, reject)=>{
                    var https = require('https');
                    var req = await https.get(url, (res) => {
                        res.setEncoding('base64');
                        let body = "data:" + res.headers["content-type"] + ";base64,";
                        console.log("BODY", body)
                        res.on('data', (d) => {
                            body += d;
                        });
                        res.on('end', () => {
                            console.log("END", body)

                            resolve(body);
                        });
                    });
                    req.on('error', err => {
                        console.error('error!',err);
                        reject(err);
                    });

                });

            }

и затем поместите его в свой документ следующим образом: 

return Promise.all([toBase64(url)]).then(([base64])=>{
doc.image(base64,{width:50});
})
...