Question

我想使用wkhtmltopdf以不同的方向创建一个pdf（例如：一个页面是肖像，另一个页面是横向，再次像这样的肖像），我在css中试过但它不起作用。请帮忙，在此先感谢

my views.py

from django.views.generic.base import View
from wkhtmltopdf.views import PDFTemplateResponse

class pdf_view(View):
    template = 'temp1.html'
    filename = 'file1.pdf'
    header_template='header_temp.html'
    footer_template='footer_temp.html'
    context= {'title': 'PDF GENERATION'}

    def get(self, request):
        response = PDFTemplateResponse(request=request,
                                   template=self.template,
                                   filename = self.filename,
                                   header_template=self.header_template,
                                   footer_template=self.footer_template,
                                   context= self.context,
                                   )
        return response

我的template.html

<html>
 <head>
    <meta charset="utf-8">
      <title>{{ title }}</title>
        <style type="text/css">
               #landimg img{
                   margin-top:20px;
                   height:auto;
                   width:auto;
                   }
               #portimg img{
                   height:auto;
                   width:auto;
                   margin-top:50px;
                   }
               @page #port{
                   size:letter;
                   }
               @page #land{
                   size:landscape;
                   }
           </style>
        </head>
       <body>
        <div id='port'>
           <img src="/static/images/2_180_3.jpg" alt="" />
       </div>
        <div id='land'>
             <img src="/static/images/land.JPG" alt="" />
        </div>  
       </body>
     </html>

@page css在打印pdf时无效，默认为纵向。

Answer 1

这应该对你有用

 @page{
      size:letter;
 }
 @page land{
       size:landscape;
 }

在wkhtmltopdf中，只有少数css属性可用于UI设计。

<div>
     <img src="/static/images/2_180_3.jpg" alt="" />
</div>
<div>
  <pdf:nexttemplate name="land"/> 
  <pdf:nextpage/>   
</div>
<div>
   <img src="/static/images/land.JPG" alt="" />
</div>

django wkhtmltopdf-单个pdf中的不同页面方向

1 个答案: