更新记录

1.0.0(2023-06-09) 下载此版本

1、基于html2canvas长截图组件


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.8.4 × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

兼容性测试: 目前只测试过华为手机,ios,html网页理论上应该也支持,如果有人测试机型有问题可以留言

<!-- 1、引入组件:将htc-screenshot组件放在components或者uni-module下面 --> <!-- 2、写布局文件,界面加载时自动生成临时图片 --> <!-- 此处domId的作用就是将htcView唯一标识传给组件 -->
    <htc-screenshot   domId="htcView" @renderFinish="renderFinish">
<!-- 此处htcView为生成图片的唯一标识, -->
        <view class="padding" id="htcView">

        <!-- 此处写自己的布局文件 -->

        <button type="primary" @click="exportPhoto()">导出图片到相册</button>
       </view>
    </htc-screenshot>
<!-- 3、导出图片到相册 -->
exportPhoto() {
            console.log('exportPhoto:' + this.filePath);
            uni.getImageInfo({
                src: this.filePath,
                success: function(image) {
                    console.log('图片信息:', JSON.stringify(image));
                    uni.saveImageToPhotosAlbum({
                        filePath: image.path,
                        success: function() {
                            console.log('save success');
                            uni.showToast({
                                title: '成功导出相册',
                                icon: 'none',
                                duration: 2000
                            });
                        }
                    });
                },
                fail: function(err) {
                    console.log("错误" + JSON.stringify(err))
                }
            });
        },

隐私、权限声明

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

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

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

许可协议

MIT协议

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