I am using HTML5 canvas to draw some scribble on canvas.
Used toDataUrl() method to convert the drawn scribble into string (Base64) and then re-using that string for setting background of some div.
Here is partial code:-
var dataString = this.canvas.get(0).toDataURL("image/jpeg");
$("#someElt").css({'background':'url(' + dataString + ') no-repeat center #000'});
I am seeing a blank image.
This code is also working perfectly on IOS-5.
Can anybody put some light on this ? What could be the issue ?
Used toDataUrl() method to convert the drawn scribble into string (Base64) and then re-using that string for setting background of some div.
Here is partial code:-
var dataString = this.canvas.get(0).toDataURL("image/jpeg");
$("#someElt").css({'background':'url(' + dataString + ') no-repeat center #000'});
I am seeing a blank image.
This code is also working perfectly on IOS-5.
Can anybody put some light on this ? What could be the issue ?