代码拉取完成,页面将自动刷新
一个演示文档,一般包括:
可以发现,内容页的样式都是一致的,包括:
这四项垂直排列。内容一般分栏,水平排列。使用 HTML + CSS 可以描述样式。
同时预设所有边距为0,利用 CSS @page
设置打印尺寸,margin 设为0.
flex
布局,一个水平flex,一个垂直flex,就可以解决绝大部分的布局。因此定义了标签section-f
, flex-v
, flex-h
。其中section-f
用于定义打印大小的页面。
图片的要求是:尽可能大而不变形,因此利用background
属性可以实现。因此定义了标签 img-c
居中显示图片。
在需要使用页脚的页面插入空白的 <footer></footer>
,其内容填充完全由 js 完成。
应该与页脚类似,使用 header 标签,但是我做 PPT 很少使用页眉,因此先不实现。
使用 Google-Chrome 打印(chromium 也可以),得到横向 A4 大小的文档。
google-chrome --headless --disable-gpu --print-to-pdf=out.pdf index.html --print-to-pdf-no-header
Windows 下 chrome 需要额外添加 --enable-logging
才能正常使用 headless 模式。
使用 Python 提供跨平台支持。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。