topic toDataURL is supported on in Software Archive

toDataURL

Spiros_N_ — Sat, 07 Mar 2015 07:14:08 GMT

Hi,

I toDataURL function supported on a canvas for a crosswalk deployment ?
Do I need plugin ?

this code:

var ctx = document.getElementById('avatarCanvas').getContext('2d');
ar img = new Image();
img.src = url;
img.onload = function () {
ctx.drawImage(img,0,0);
    
alert( ctx.toDataURL('image/png') );

fails with "undefined" function

toDataURL is supported on

Swati_S_Intel1 — Thu, 12 Mar 2015 00:28:26 GMT

toDataURL is supported on crosswalk. toDataURL works on the canvas element, I think in your code you are applying toDataURL on the context.

Try doing this :

var canvas = document.getElementById('avatarCanvas');

alert( canvas.toDataURL('image/png') );

Swati

As Swati points out,

Dale_S_Intel — Thu, 12 Mar 2015 00:46:20 GMT

As Swati points out, toDataUrl is a property of a canvas element, not a canvas context. I think you should have code like this:

var el = document.getElementById('avatarCanvas');
var ctx = el.getContext('2d');
var img = new Image();
img.src = url;
img.onload = function () {
    ctx.drawImage(img,0,0);
   
    alert( el.toDataURL('image/png') );   
}

You may also have to deal with cross origin problems (e.g. "img.crossOrigin = true;") but this seemed to work for me.

OK Thank you all for your

Spiros_N_ — Thu, 12 Mar 2015 06:25:43 GMT

OK Thank you all for your help !