更新记录
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()
},

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 326
赞赏 0
下载 10742243
赞赏 1798
赞赏
京公网安备:11010802035340号