App页面生成图片并下载

最新推荐文章于 2023-11-15 17:22:04 发布

原创最新推荐文章于 2023-11-15 17:22:04 发布 · 821 阅读

0 ·

CC 4.0 BY-SA版权

ionic1 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了如何在App中实现动态生成页面截图，并允许用户进行下载。通过利用UI渲染后的像素数据，我们可以创建高质量的图片文件，同时探讨了相关安全措施以防止滥用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//         <div id="myCanvasFa" ></div>
// ionic + cordova


// 生成图片
        html2canvas(document.getElementById("allmap"), {
            allowTaint: true,
            taintTest: false,
            scale:2,
            dpi:300,
            onrendered: function(canvas) {
                canvas.id = "myCanvas";
                document.getElementById('myCanvasFa').appendChild(canvas);
            }
        });

    // 调用保存图片的函数
        $scope.saveImageQrcode = function () {
            window.canvas2ImagePlugin.saveImageDataToLibrary(
                function(msg){
                    $ionicPopup.alert({
                        title: '保存成功!'
                    });
                },
                function(err){
                    // 开启存储权限
                    var permissions = cordova.plugins.permissions;
                    permissions.hasPermission(permissions.READ_EXTERNAL_STORAGE, checkPermissionCallback, null);
                    function checkPermissionCallback(status) {
                        if (!status.hasPermission) {
                            var errorCallback = function() {
                                console.log('‘Storage permission is not turned on');
                            };
                            permissions.requestPermission(
                                permissions.READ_EXTERNAL_STORAGE,
                                function(status) {
                                    if (!status.hasPermission) {
                                        errorCallback();
                                    } else {
                                        download_app(url, targetPath)
                                    }
                                },
                                errorCallback);
                        }else{
                            download_app(url, targetPath)
                        }
                    }
                },
                document.getElementById('myCanvas')
            );
        };