代码拉取完成,页面将自动刷新
同步操作将从 PeakXin/posterjs 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
JavaScript 结合
qrcodejs
生成商品海报.
dist/
├── poster.css
├── poster.js
└── generatePoster.js (备选版本)
lib/
├── qrcode/qrcode.js (qrcodejs)
└── qrcode/qrcode.min.js (qrcodejs,compressed)
cdn
/jquery/3.4.1/jquery.min.js
在浏览器:
<link href="/path/to/poster.css" rel="stylesheet">
<script src="/path/to/qrcode.js"></script>
<script src="/path/to/poster.js"></script>
const Poster = $.Poster.init(setting);// 初始化
$(document).on('click', '.btn', function () {// 给按钮添加点击事件
Poster.drawPoster();// 生成海报
});
参数名称 | 必填 | 说明 |
---|---|---|
bgImgUrl | 是 | 海报背景图地址 |
qrCodeUrl | 是 | 二维码地址 |
imgUrl | 是 | 商品图片地址 |
title | 是 | 商品标题 |
price | 是 | 商品销售价格 |
mktPrice | 否 | 商品市场价格 |
validText | 否 | 商品有效期文本 |
大小:750px*1066px
模版: /imgs/商品海报模版.png
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。