In android phonegap application I crated canvas using html and display image in that canvas.then usingcanvas.toDataURL(image/jpg) tried to convert image into base64 string but it return null value.
How to solve this problem?
hoe to convert image into base64string?
Mycoding:
<html>
<body>
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>
<img style="display:none;width:60px;height:60px;" id="smallImage" src="" />
<script type="text/javascript">
// window.onload = fucntion() {
var c=document.getElementById('myCanvas');
var cxt=c.getContext("2d");
var img=new Image();
img.onload = function() {
cxt.drawImage(img,0,0);
alert(" ");
var dataURL=myCanvas.toDataURL("image/jpg");
// return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
alert(dataURL);
};
img.src='flower.jpg';
//};
</script>
</body>
</html>
toDataURL is not implememented in android 2.x, see http://code.google.com/p/android/issues/detail?id=7901 for discussion.