更新记录

1.0.1(2021-03-09)

1.修复动态绑定问题 2.注意canvas单位不是rpx

1.0.0(2021-03-05)

第一版本


平台兼容性

使用说明

参数名 类型 是否必填 默认值 说明
canvasWidth Number 200 canvas宽度
canvasHeight Number 200 canvas高度
imgBase64 String - base64
imgWidth Number 200 绘制的图片宽度
imgHeight Number 200 绘制的图片高度
canvasBgColor String #ffffff 绘制出的背景色
isLongTapSave Boolean true 是否长按保存
@savaQr EventHandler - - 保存二维码 (一般用于不允许长按保存而使用按钮驱动来调用保存)

@savaQr

参数 说明
e 事件对象 传 null 或者 '' 即可
isSave 是否保存 一般用于不允许长按保存而使用按钮驱动来保存

示例


<template>
    <view class="content">
        <acqui-png-canvas ref="baseToPng" :imgBase64="base64" :imgWidth="150" :imgHeight="150"></acqui-png-canvas>

        <button type="warn" @tap="savaTap">保存</button>
    </view>
</template>

<script>
export default {
    data() {
        return {
            base64: `data:image/png;base64,iVBORw0...JRU5ErkJggg==`
        };
    },
    methods: {
        savaTap() {
            this.$refs.baseToPng.savaQr(null, true);
        }
    }
};
</script>

<style lang="less">
.content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 50rpx;
}
</style>

隐私、权限声明

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

保存图片至系统相册

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

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

许可协议

MIT协议

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