更新记录
1.0.0(2023-11-09) 下载此版本
- 更新生成海报功能。
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
gyc-poster
绘制海报组件
参数说明:
注:图片路径如果不是本地路径的,绘制图片前请先调用getImageInfo函数,获取到对应本地的path路径再传入绘制。
/**
* 获取图片本地路径
* @param {String} imgSrc 需要获取本地路径的图片地址(https://xxxxx)
*/
getImageInfo(imgSrc) {
if (!imgSrc) {
return
}
return new Promise((resolve, reject) => {
uni.getImageInfo({
src: imgSrc,
success: (image) => {
resolve(image.path);
console.log('获取图片成功', image)
},
fail: (err) => {
reject(err);
console.log('获取图片失败', err)
}
});
});
}
props参数 | 类型 | 说明 |
---|---|---|
headerImg | String | 头像 |
title | String | 标题 |
slogan | String | slogan |
bgImg | String | 背景图片 |
visitCount | Number | 浏览数 |
userMsg | Object | 个人信息 |
--- name | String | 名称 |
--- tag | String | 标签 |
--- career | String | 描述1 |
--- desc | String | 描述2 |
内置方法(this.$refs.showCanvas()调用):
/**
* 绘制并显示海报
* @param {String} qrcode 二维码图片路径
*/
showCanvas(qrcode) {
this.isShow = true
this.qrcode = qrcode
this.__init()
},