更新记录

1.0.0(2023-11-09)

  • 更新生成海报功能。

平台兼容性

Vue2 Vue3
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()
},

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问