CODEWITHSUNDEEP
androidhtmlcanvas
zenif3
zenif3

Reputation: 63

toDataURL not working on android browsers

I have an image that the user drew on a canvas and i want to save that image on the server.

These lines work well on my ipad but not on my android(ver 2.3.3) browser:

var testCanvas = document.getElementById("sketchpad");  
var canvasData = testCanvas.toDataURL("image/png");

If i alert canvasData i only get:

data:,

Am I missing something? Is it possible to do on android or should i be looking at other methods, plugins, etc?

Upvotes: 6

Views: 7142

Answers (3)

Vijay Verma
Vijay Verma

Reputation: 3698

Unfortunately toDataURL() only work on android 3.2 or above version.

Upvotes: 4

Ben Clayton
Ben Clayton

Reputation: 82227

An alternative implementation that we have used successfully on multiple Android handsets without modification is described in this blog post:

http://jimdoescode.blogspot.co.uk/2011/11/trials-and-tribulations-with-html5.html

This uses the toDataURL method if it works correctly, and if not uses a javascript jpg encoding library to produce the image.

Upvotes: 3

Jack
Jack

Reputation: 11003

Unfortunately it isn't supported in your version (i think it's only supported in ICS), have a look at this issue reported

http://code.google.com/p/android/issues/detail?id=16829

There is supposed to be some sort of JavaScript implementation to add support for it, but i haven't tried it myself

http://code.google.com/p/todataurl-png-js/

Upvotes: 7

Related Questions