问用html-pdf库、css文件生成pdf文件。
EN

Stack Overflow用户

提问于 2018-12-20 17:37:18

回答 1查看 3.8K关注 0票数 1

我正在尝试生成一个pdf文件，它是由快车渲染生成的。然而，有些css文件似乎不起作用。

引导程序仍然在运行，但是定制的css (我使用的是主题)不起作用。我尝试过幻影to配置(-=false，.)，将css文件夹目录从本地切换到服务器。但他们似乎都不起作用。影像效果很好。

生成html和创建pdf文件

var config = {
        format: "A4",
        orientation: "landscape",
        base: "http://127.0.0.1:3002/uploads/theme/",
        timeout: 100000, 
        phantomArgs: ["--web-security=false","--local-to-remote-url-access=true"]
    }

    var html = await hbs.render('./views/pdf.handlebars', data)
    await fs.writeFile("pdf.html", html, function(err) {
        if(err) {
            return console.log(err);
        }
    })
    var fileName = uuid.v4()
    await pdf.create(html, config).toFile(`./downloads/${fileName}.pdf`, function (err, res) {
        if (err) return console.log(err);
        response.send({ success: true, data: { downloadURL: fileName } })

包括css文件：

<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">

服务器接收来自css文件的呼叫：

印古尔

预期结果：

印古尔

实际结果：

印古尔

正如您所看到的，引导和字体-可怕是很好的工作，但"style.css“不起作用。有人知道这个问题吗？事先非常感谢！

handlebars.js