screen-shot

支持将当前标签包含内容截图

由于icon 不支持H5 ,所以需要在本地static文件下,自己手动创建一个clear.png的图标 或者前往github 下载static文件夹即可

html2canvas 需要自己下载或者前往github common 文件夹下下载

使用时,将需要截图部分放在标签内部

组件引入

    <view><screenShot @getSreenShot="getSreenShot">
                <image
                    src="../../static/my.jpg"
                    mode=""
                    :style="{
                        height: windowHeight + 'px',
                        width: windowWidth + 'px'
                    }"
                ></image
            ></screenShot>
        </view>
    </template>
    
    import screenShot from '@/components/screen-shot.vue';
    export default {
        components: {
            screenShot
        },
        data() {
            return {
                windowWidth: '',
                windowHeight: ''
            };
        },
        () {
            let _this = this;
            uni.getSystemInfo({
                success: function(res) {
                    _this.windowHeight = res.windowHeight;
                    _this.windowWidth = res.windowWidth;
                },
                fail: function(err) {
                    console.log(err);
                }
            });
        },
        methods: {
            getSreenShot(r) {
                // 获取截图路径
                console.log('r', r);
            }
        }
    };

    <style lang="less"></style>

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表:

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

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

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