使用Reportlab将HTML转换为PDF时如何正确显示SVG图像

时间:2019-02-07 05:33:35

标签: django django-forms django-templates django-views reportlab

今天我整天都在使用Reportlab和Django,今天终于在早些时候的SO问题的帮助下,它与之合作……https://stackoverflow.com/questions/54565679/how-to-incorporate-reportlab-with-django-class-based-view/54566002#=现在,输出已按预期生成为PDF。但是,当输出生成为PDF时,我无法显示图像。什么也没渲染。

我尝试调查我的URL,我的settings.py文件中的绝对URL,但没有进行任何调查。我注意到我无法让我的模板选择任何静态设置,但是我的项目的其余部分在使用相同引用的情况下仍能正常工作。我还发现了这个非常相似的问题,但似乎无法确定实际的解决方法。...html template to pdf with images

我的utils.py文件...

from io import BytesIO
from django.http import HttpResponse
from django.template.loader import get_template

from xhtml2pdf import pisa

def render_to_pdf(template_src, context_dict={}):
    template = get_template(template_src)
    html  = template.render(context_dict)
    result = BytesIO()
    pdf = pisa.pisaDocument(BytesIO(html.encode("ISO-8859-1")), result)
    if not pdf.err:
        return HttpResponse(result.getvalue(), content_type='application/pdf')
    return None

我的HTML模板文件...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Title</title>
        <style type="text/css">
            body {
                font-weight: 200;
                font-size: 14px;
            }
            .header {
                font-size: 20px;
                font-weight: 100;
                text-align: center;
                color: #007cae;
            }
            .title {
                font-size: 22px;
                font-weight: 100;
               /* text-align: right;*/
               padding: 10px 20px 0px 20px;  
            }
            .title span {
                color: #007cae;
            }
            .details {
                padding: 10px 20px 0px 20px;
                text-align: left !important;
                /*margin-left: 40%;*/
            }
            .hrItem {
                border: none;
                height: 1px;
                /* Set the hr color */
                color: #333; /* old IE */
                background-color: #fff; /* Modern Browsers */
            }
        </style>
    </head>
    <body>
       <img class="logo3" src="/book/author.svg" >
        <div class='wrapper'>
            <div class='header'>
                <p class='title'>Invoice # </p>
            </div>
        <div>
        <div class='details'>
            Bill to: {{ customer_name }} <br/>
            Amount: {{ amount }} <br/>
            Date: 
            <hr class='hrItem' />
        </div>
    </div>
    </body>
</html>

还有视图。...

class SomeDetailView(DetailView):
    model = YourModel
    template_name = 'pdf/invoice.html'

    def get_context_data(self, **kwargs):
        context = super(SomeDetailView, self).get_context_data(**kwargs)
        # add extra context if needed
        return context

    def render_to_response(self, context, **kwargs):
        pdf = render_to_pdf(self.template_name, context)
        return HttpResponse(pdf, content_type='application/pdf')

我正在尝试将author.svg图像显示在PDF上,但到目前为止还没有运气。

1 个答案:

答案 0 :(得分:0)

经过一番尝试和错误后,我暂时放弃了SVG方法...而是选择使用PNG文件。我发现给我答案的这种方法……django - pisa : adding images to PDF output就像通过django模板引用模型中的属性一样简单,如下所示:

我在模型中包括一个默认位置。我尝试了PNG和SVG。 PNG有效,但SVG无效。无论哪种方式都可以解决我的问题。