Canvas images are not captured about cordova-screenshot HOT 6 CLOSED

Happened the same to me. Using the android emulator (Nexus 5 API 22) the canvas is visible, but not in my smartphone (android 6.0.1).

from cordova-screenshot.

Same problem

from cordova-screenshot.

A way to overcome this is using a img element instead of a canvas, and put a canvas capture as the src attribute of the image.

from cordova-screenshot.

@matiasmicheletto is that supported by the plugin?

from cordova-screenshot.

@satheeq The plugin works well with different html elements but somehow it fails when capturing canvas drawings. Because there is no problem on capturing img images you can use one of these instead of a canvas.
Depending on whether the canvas has dinamic or static content, the img element can be visible and the canvas an auxiliary hide element or the img be an auxiliary element that turns visible only at the time of taking the capture.
For example:

html file:
...
<img id="auximg"/>
...

js file:
...
var cvs = document.createElement('canvas'); // Create a canvas or use existing
...
// Draw on the canvas
...
var auximg = document.getElementById('auximg'); // Get the img element
// Set the image dimensions (not sure if required)
auximg.width = cvs.width;
auximg.height = cvs.height;
auximg.src = cvs.toDataURL(); // Pass the canvas content to the img element
...

If the img is an auxiliary element that turns visible only during the screen capture, it is necessary to give a few milliseconds before perfoming the screenshot. Use setTimeout.
Hope this help.

from cordova-screenshot.

That worked well.
Thanks alot @matiasmicheletto

from cordova-screenshot.