PosterCard
通用前端海报生成库 · 模板化（tpl/模板名/index.html）· 传入关键字段与样式参数即可生成分享海报（PNG）。
Star
Fork
Download
关键字段（fields）
标题 title
摘要 summary
只需传入关键字段与样式参数，库会自动排版封面、二维码与品牌信息，并导出高清 PNG 图片。
封面图 cover（URL）
二维码内容 url
站点名 siteName
logo（URL，可选）
作者 author（可选）
作者头像（可选）
日期 date（ISO，可选）
底部品牌描述 brandDesc
样式参数（style）
版式 template
海报宽度 width（px）
封面缺省图 defaultCover（可选）
依赖 html2canvas 与 qrcode.js 需在页面中自行引入（见底部 <script>）。
模板文件位于
tpl/<模板名>/index.html
，可直接用浏览器打开预览。
生成海报
直接生成不弹窗
模板预览（实时）
修改任意字段/样式参数会实时重新渲染模板；封面、二维码按当前数据异步加载。生成时走同样流程并最终导出 PNG。
调用代码
复制代码
修改任意字段/样式参数，下方代码会实时同步，可直接复制到你的项目里调用 PosterCard.generate(...)。
一键预览所有主题
生成全部主题预览
使用上方字段数据，为每一个版式生成海报并以图片网格展示（不弹窗）。