更新记录
1.0.0(2023-11-09)
下载此版本
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
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()
},