【问题标题】:How to display image as watermark using django-easy-pdf如何使用 django-easy-pdf 将图像显示为水印
【发布时间】:2019-09-24 15:21:51
【问题描述】:

假设我的 pdf 模板中有一个表格,如下所示,我只是希望图像在表格后面显示为水印,有人可以帮我吗?

{% block content %}
<img style="position: relative; width: 100%; height: 100%; top: 50px; z-index:100" src="{{LOGO_URL | get64 }}">

<fieldset style="margin-bottom: 10px;">
        <table width="100%" style="border-collapse:collapse;border: solid 1px #000000; background-color:#CCCCCC; padding:5px 2px 2px 2px;">
            <tr>
                <td>
                    <strong>{% trans "CLAIMANT DETAILS" %}</strong>
                </td>
            </tr>
        </table>
</fieldset>
{% endblock content %}

我已经能够在生成的 PDF 上加载图像,但是我不能将它用作水印,例如它应该覆盖在我的桌子后面。

我尝试过使用 CSS 使其覆盖,但也失败了。

【问题讨论】:

    标签: python-2.7 django-1.8 xhtml2pdf


    【解决方案1】:

    如果您不介意手动定位水印并将其显示在所有页面上,您可以执行以下操作:

    在你的 CSS 中添加这个:

    @page {
        @frame body {
            -pdf-frame-content: waterMarkContent;
            top:0.5cm;
            margin-left: 19cm;
        }
    }
    

    并在模板中的任何位置添加此 html

    <div id="waterMarkContent">
        {%block page_body%}
        <img src="{{image_url}}" width="2cm">
        {%endblock%}
    </div>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-11-11
      • 2018-12-02
      • 2018-05-20
      • 2015-04-15
      • 2019-07-21
      • 1970-01-01
      相关资源
      最近更新 更多