使用 jinja2 和 weasyprint 在 PDF 渲染中忽略图像

Question

我在 python 中运行一个分析脚本，它给了我一些变量和一个我保存为png文件的图像。 然后我使用jinja2将它们填充到html模板中，并使用weasyprint将 html 呈现为我保存的 PDF 文件。

这里有许多问题可以解决这个问题，但没有一个建议的解决方案可以解决我的问题。 我需要将图像的绝对路径提供给它，因为输出数据与生成它的代码保存在本地磁盘的完全不同的部分。 许多提供的解决方案建议使用诸如request.base_url()类的东西，但这似乎来自flask （我猜？）或实际构建应用程序而不是简单构建PDF文件的东西。

从变量生成 PDF 文件的函数如下所示：

def create_pdf_report(varlist, outfile):

    # Create Jinja environment and get template
    from jinja2 import Environment, FileSystemLoader
    env = Environment(loader=FileSystemLoader('<absolute-path-to-dir-with-template>'))
    template = env.get_template('report_template.html')

    # Render HTML with input variables
    html_out = template.render(varlist)

    # Generate PDF
    from weasyprint import HTML
    HTML(string=html_out).write_pdf(outfile)

模板是这样的：

<img src="{{ systematics_figure }}" alt="systematics" width="900" height="650">

我传入的varlist字典如下所示：

fig3_fname = '<absolute-path-to-image>'
varlist = {'systematics_figure': fig3_fname}

虽然我给它的普通变量渲染得很好，但不显示图像； 我得到了它的alt文字。 该过程完成得很好，但我无法显示png图像。 当我将绝对图像路径直接粘贴到 html 文件中并在我的浏览器中打开它时，它看起来很好。

我该怎么做才能使这项工作发挥作用？

我在 macOS Sierra 10.12.6 上使用 python 3.7.3。

Answer 1

原来的解决方案是添加base_url='.' 在weasyprint.HTML() ：

HTML(string=html_out, base_url='.').write_pdf(outfile)

并使用png文件而不是pdf数字。

Answer 2

我已经尝试了完全相同的事情，但仍然在为同样的问题而苦苦挣扎，你知道我还能做些什么来解决它吗？

这是我的 HTML。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>My Report</title>
  </head>

  <body>
  <img src="{{ test_figure }}" alt="test" />
  </body>
</html>

我正在使用的脚本（来自您的代码）

from weasyprint import HTML
from os import getcwd
from pathlib import Path
from jinja2 import Environment, FileSystemLoader
import pandas as pd
import numpy as np
from plotly.subplots import make_subplots
import plotly.graph_objs as go


# User Inputs
root_directory = Path(getcwd())
templates_directory = root_directory / 'templates'
css_source = root_directory / 'static/css'
output_directory = root_directory / 'output'
output_file_name = 'Image_Test.pdf'
output_file_path = output_directory / output_file_name
input_html_template = 'template_1.html'
assets_directory = root_directory / 'assets'
test_fig = r'C:\test_image_1.png'  # Modified for security 

template_vars = {
    'assets_dir': str(assets_directory),
    'test_figure': test_fig
}


# User Defined Functions
def create_pdf_report(variable_dictionary: dict, template_directory: str, html_template_name: str, outfile: str) -> None:
    """Create a pdf report using a pre-defined template

    :param variable_dictionary: dictionary of variables to dynamically populate the report
    :param template_directory: folder path where HTML templates are stored
    :param html_template_name: name of the html template file
    :param outfile: file path of the output file
    """

    # Create Jinja environment and get template
    env = Environment(loader=FileSystemLoader(template_directory))
    template = env.get_template(html_template_name)

    # Render HTML with input variables
    html_out = template.render(variable_dictionary)

    # Generate PDF
    HTML(string=html_out, base_url='.').write_pdf(
        outfile
        # stylesheets=[css_input],
        # presentational_hints=True
    )


def generate_test_plot() -> go. Figure():
    """Generate a simple test plot for testing pdf generation"""
    # Generate random data set
    df = pd.DataFrame(np.random.randint(0, 10, size=(10, 4)), columns=list('ABCD'))

    # Prepare plot
    fig = make_subplots(rows=1, cols=1)
    fig.update_layout(
        title_text='Test-Plot',
        xaxis_title='X-Axis',
        yaxis_title='Y-Axis',
        font_color="#cbe2e2",
        title={
            'text': 'Test-Plot',
            'x': 0.5,
            'xanchor': 'center'
        }
    )
    fig.add_trace(go.Scatter(y=df['A'], x=df.index,
                             mode='lines+markers', line=dict(color="#28282B")))
    fig.write_image("./assets/test_image_1.png")


# Prepare Report
create_pdf_report(
    template_vars,
    str(templates_directory),
    input_html_template,
    str(output_file_path)
)

生成的输出文件如下所示： [1]: https://i.stack.imgur.com/qSUkU.png