javascript – 截屏Ionic框架

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 截屏Ionic框架，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1366字，纯文字阅读大概需要2分钟。

内容图文

我正在构建具有地理位置(Google Api)的Ionic应用程序,但这是相关的,在右上角是我想制作截图的按钮,并自动制作popover选项,通过电子邮件,viber发送截图图像… ,但我不知道如何拍摄截图,我用Google搜索并搜索没有任何运气,请帮忙.

app.controller('MapCtrl', function($scope, $cordovaGeolocation, $ionicLoading, $ionicPlatform) {

    $ionicPlatform.ready(function() {

        $ionicLoading.show({
            template: '<ion-spinner icon="bubbles"></ion-spinner><br/>Acquiring location!'
        });

        var posOptions = {
            enableHighAccuracy: true,
            timeout: 20000,
            maximumAge: 0
        };
        $cordovaGeolocation.getCurrentPosition(posOptions).then(function (position) {
            var lat  = position.coords.latitude;
            var long = position.coords.longitude;

            var myLatlng = new google.maps.LatLng(lat, long);

            var mapOptions = {
                center: myLatlng,
                zoom: 16,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };          

            var map = new google.maps.Map(document.getElementById("map"), mapOptions);          

            $scope.map = map;   
            $ionicLoading.hide();   

            var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title: 'Lokacija'
        });


        }, function(err) {
            $ionicLoading.hide();
            console.log(err);
        });
    });               
});

解决方法:

据我所知,有两种选择：

>使用第三方Cordova插件,例如https://github.com/gitawego/cordova-screenshot – 这很可能也包括应用程序的UI元素,但这可能不是您想要的.
>也许更好的想法是使用Google Static Maps API – 您可以将动态地图中的当前参数传递给它,它将返回图像版本.

内容总结

以上是互联网集市为您收集整理的javascript – 截屏Ionic框架全部内容，希望文章能够帮你解决javascript – 截屏Ionic框架所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端