Question

假设我的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使其覆盖，但也失败了。

Answer 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>

如何使用django-easy-pdf将图像显示为水印

1 个答案: