Why cordova screenshot cannot capture JQuery?

109
November 24, 2017, at 3:24 PM

I build some android project using IONIC V1 and have some function to screenshot. I use plugin Cordova-Screenshot to make screenshot. But I have some bug when i try to screenshot this page

but result screen shot diferent with original page. Result screenshot picture no 2.I have some html like this

<div id="statistik" class="carousel slide" data-ride="carousel">
      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <div class="item-header">
            <span class="title">{{jarakh}}</span>   
            <div class="share-gambar" ng-click="share()">
                <img  width="100%" src="img/share-icon.png" > 
            </div>
          </div>
          <div class="item-body">
            <canvas class="chart" id="myChart"> </canvas>
          </div>
        </div>
      </div>
</div>

And Controller like this

         var ctx = document.getElementById("myChart");
         var myChart = new Chart(ctx, {
                    type: 'line',
                    data: {
                        labels: $scope.day,
                        datasets: [{
                                label: '',
                                data: $scope.lday,
                                backgroundColor: '#F48FB1',
                                borderColor: '#F48FB1',
                                borderWidth: 1
                            }]
                    },
                    options: {
                        legend: {
                            display: false
                        },
                        tooltips: {
                            enabled: false
                        }
                    }
                });
        $scope.share = function () {
                var imageLink;
                console.log('Calling from CapturePhoto');
                navigator.screenshot.save(function (error, res) {
                    if (error) {
                        console.error(error);
                    } else {
                        console.log('ok', res.filePath);
                    }
                }, 'jpg', 50, 'myScreenShot');

        };

I don't know this error from my code or plugin. Please tell me if you have solution. It will be helpful. Thanks

READ ALSO
How can store data in Phonegap/cordova android application [on hold]

How can store data in Phonegap/cordova android application [on hold]

I"m a beginner in phone gap hybrid applicationThis time trying to create an accounting software in android platform,later it can be in other platform

105
Sending emails from Android app - Sign-in attempts blocked even with Less secure apps ON

Sending emails from Android app - Sign-in attempts blocked even with Less secure apps ON

I am using GmailBackground library to allow users of my Android app sending feedback using credentials of my account which was made specifically for this purposeI turned on the option for access of less secure apps but I am still getting emails about Google...

87
How to use fonts for all pages in an android application app

How to use fonts for all pages in an android application app

I have applied visionotf for assets/font and main/font in my project and set styles

148
android bottom navigation with one activity

android bottom navigation with one activity

I'm creating a mobile app and in my bottom navigation I will have 4 iconsI started off by using a different activity for each icon because on one icon I will be adding a swipe bar on top and wasn't sure if I can do that with fragments

129