使用xhtml2pdf(Django)时,<img/>的绝对位置?

时间:2018-02-22 14:11:31

标签: python django pdf pdf-generation xhtml2pdf

我可以为position: absolute; html标记生成带有<img src="..."/>的PDF吗?

我需要将手写签名和公司印章(PNG文件)放在非标准地点的订单凭证底部,它们在货物表上运行一点。位置absolute将节省我的时间,但它不起作用。

修改

我得到xhtml2pdf GitHub回复的回答:

  

目前不支持绝对位置 ,但如果您正在寻找如何在所有页面的特定部分设置图片,请参阅框架

所以,我的问题仍然存在。 真实的用于图片的xhtml2pdf帧的使用示例将非常棒。

1 个答案:

答案 0 :(得分:0)

来自LuisZárate(xhtml2pdf合作者)的

真实的用法示例:

<html>
<head>
<style>
    @page {
        size: a4 portrait;
        @frame content_frame {          /* Content Frame */
            left: 50pt; width: 512pt; top: 90pt; height: 632pt;
        }
        @frame footer_frame {           /* Another static Frame */
            -pdf-frame-content: footer_content;
            left: 450pt; width: 300pt; top: 672pt; height: 200pt;
        }
    }
</style>
</head>

<body>
    <!-- Content for Static Frame 'footer_frame' -->
    <div id="footer_content">
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/35/Tux.svg/123px-Tux.svg.png?download">
    </div>

    {% lorem 10 p %} 
    <pdf:pdf-next-page />
    {% lorem 10 p %}
</body>
</html>

代码生成此PDF文件:https://github.com/xhtml2pdf/xhtml2pdf/files/1754033/report-7.pdf