Как правильно отображать SVG-изображение при конвертации HTML в PDF, используя Reportlab - PullRequest
Новая
       28

Как правильно отображать SVG-изображение при конвертации HTML в PDF, используя Reportlab

0 голосов
/ 07 февраля 2019

Сегодня я весь день играл с Reportlab и Django, и у меня наконец-то появилась возможность работать с этой проблемой SO ранее сегодня ... /11600603/kak-vklychit-reportlab-v-django-class-based-view= Результат теперь создается в формате PDF, как и ожидалось,Тем не менее, я не могу получить изображение для отображения при выводе в виде PDF.Ничего не отображается.

Я пытался исследовать мои URL-адреса, мои абсолютные URL-адреса в файле settings.py и ничего.Я заметил, что не могу заставить свой шаблон подобрать статические настройки, но остальная часть моего проекта работает нормально с теми же ссылками.Я также обнаружил эту очень похожую проблему SO, но не могу определить фактическое исправление .... HTML-шаблон в PDF с изображениями

Мой файл 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 голосов
/ 07 февраля 2019

После множества проб и ошибок я на данный момент отказался от подхода SVG ... и вместо этого решил использовать файл PNG.Я нашел это SO, которое дало мне ответ ... django - pisa: добавление изображений в вывод PDF было так же просто, как ссылаться на атрибут в моей модели через шаблон django, как показано ниже:

Я включил местоположение по умолчанию в моей модели.Я экспериментировал с PNG и SVG.PNG работал, а SVG - нет.В любом случае это решает мою проблему.

...