您的位置:首页 > Web前端 > CSS

django-xhtml2pdf的使用(加入图片,指定字体,设置样式)

2015-05-28 15:10 471 查看
新博客地址:http://muker.net/django-xhtml2pdf.html

这里仅仅讨论直接利用html生成pdf这种最常见也最简单的情况。

1、要利用html生成带中文的pdf要指定中文字体

即在要用的html中的
style
标签下要添加如下代码:

@font-face {
font-family: simsun;
src: url({{url}});
}

上面指定了字体和字体路径。

2、生成包含图片的pdf

其实xhtml2pdf是支持图片的,但是很多时候并不能显示图片是因为没有给出正确的图片路径。
如上一步中的url,模板渲染结束后必须是绝对路径(如:F:\test)才能使字体的设置生效。
相应的,图片我们也需要为其指定绝对路径。
所以我们可以添加如下函数:

def fetch_resources(uri, rel):
path = settings.BASE_DIR + uri
return path

函数功能是返回实际路径,如 uri为/static/123.jpg 则返回 F:\test/static/123.jpg(注意 \ 和 / 在这里的效果是一样的)
然后生成pdf的时候调用此函数:

pdf = pisa.CreatePDF(logohtml, result,link_callback=fetch_resources)

上面的语句的作用是将logohtml中的网页转为pdf存储到result中,网页中的路径通过fetch_resources处理。

3、设置样式

有时候网页转为pdf后样式发生了改变,这主要是因为xhtml2pdf并不是支持所有的CSS样式,其支持的样式如下:

background-color
border-bottom-color, border-bottom-style, border-bottom-width
border-left-color, border-left-style, border-left-width
border-right-color, border-right-style, border-right-width
border-top-color, border-top-style, border-top-width
colordisplay
font-family, font-size, font-style, font-weight
height
line-height, list-style-type
margin-bottom, margin-left, margin-right, margin-top
padding-bottom, padding-left, padding-right, padding-top
page-break-after, page-break-before
size
text-align, text-decoration, text-indent
vertical-align
white-space
width
zoom

如果需要float等功能,可以考虑用text-align代替
或者从 这里 查看更高级的说明
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐