账户中心 退出系统
6.0 版本 5.0 版本 3.0 版本
使用手册 模板中心 账户中心 合作 · 服务
6.0 版本 5.0 版本 3.0 版本
海报生成(带二维码)模板
模板标签  :  海报 · 二维码 · 画布
模板售价  :  GraceUI 已付费会员免费
模板作者  :  GraceUI · 咖啡
发布时间  :  2020-07-08
登录后购买模板

海报生成(带二维码)模板

本页面模板由 GraceUI 免费提供,提供图片及文本绘制基础函数,您可以利用这些基础灵活的组合出各种海报图片~

2020.08.24 更新

01. 添加画布放大倍数属性,使得保存的图片更加清晰;
02. 添加 loading 动画;

功能说明

01 画布初始化算法
02 drawText 文本绘制函数
利用 drawText 函数可以发布的进行文本绘制, 参数见代码注释~
03 drawBGIMG 图片绘制函数
注意 图片绘制会先进行图片的下载,这样就会产生一个异步行为,请在下载成功后完成后续的图片绘制操作及其他后续步骤操作~
04 画布转图片
代码演示了在完成画布绘制后如何将画布转换为一个图片。
05 长按保存
有了图片,就可以实现长按图片并保存到相册的功能,至此整个流程完毕。


重要说明

01. 为了方便大家对画布进行改进,我们没有以组件形式封装,这样的页面形式更灵活;
02. 二维码图片使用第三方接口形式,这样跨平台能力更强,更容易兼容多端,有能力的同学可以自己制造一个后端api来完成个性二维码的生成;
03. 演示代码清楚的注释了每一步操作,请耐心阅读后灵活使用;
04. 画布绘图就是一步步的绘制,然后最终使用 draw 函数生成全部的绘制路径~
05. 小程序真机运行时请配置 appid 及打开调试功能;


演示截图
1596513867570009.png

使用说明
1. 下载模板部署完成后,请将新版本GraceUI复制到项目的根目录运行 (:
2. 大部分模板都实现了 weex 模式,如果您不想使用 weex 请删除.nuve 文件即可;
版权说明
不能转售模板或者将模板源码直接发布到公开渠道,违者必究;
如何下载
请点击 “购买模板” 按钮购买此模板,然后进入到您的 账户中心 -> 已购模板 进行下载;