Titanium Desktop save canvas to png file

[PM]

Can some one tell me if it is at least possible to achieve this goal?

I've been searching at http://developer.appcelerator.com/question but really no luck : (

thanks

Peter

[Paco Zarate]

Peter
have you tried something like
http://stackoverflow.com/questions/923885/capture-html-canvas-as-gif-jpg-png-pdf
?

[PM]

Yes, but the way I used it just ends up with the image replacing the entire index.html.

[Dan Tamas]

Skip this step

document.write('<img src="'+img+'"/>');

Regards,

Dan Tamas

http://dan-tamas.me
http://kroppr.rborn.info 

http://rborn.info

[PM]

@dan tamas

Dan do you mean:

var img                = canvas.toDataURL ("image/png");

var mySampleFile = Titanium.Filesystem.getFile ( Titanium.Filesystem.getDesktopDirectory(), '');

var newFile           = Titanium.Filesystem.getFile ( mySampleFile,'sample.png' );

     newFile.write ( img );

[Dan Tamas]

Yap, something like this.

You might have to decode from base64 first.

Regards,

Dan Tamas

http://dan-tamas.me
http://kroppr.rborn.info 

http://rborn.info

[PM]

Gives me a windows warning for corrupted file:

I've tried many ways even with Ti.Utils.base64decode(img)

[Paco Zarate]

When you try to show it on screen, does it work?

[db]

Peter,

This is how I did it in the past:


function saveImage() {
var desktop = Ti.Filesystem.getDesktopDirectory();
var filename = (new Date()).getTime() + ".png";
var drawing = document.getElementById('drawing');
var baseImg = drawing.toDataURL("image/png").replace("data:image/
png;base64,", "");
writeBase64Asset(desktop + "/" + filename, baseImg);
return desktop + "/" + filename;
}

the function "writeBase64Asset" is a php command. Here is the code for
it:

function writeBase64Asset($path, $data) {
return file_put_contents($path, base64_decode($data));
}

Add it to a file (e.g. base64write.php) and make sure you include the
following code:
Titanium.include("php/base64write.php");


@davidbankier

[PM]

@ davidbankier

Can't seem to include the PHP file neither by the Ti.include nor the <script> tag :(

[PM]

@Paco Zarate

do you mean applying the data from canvas to a source of an image tag?

[Paco Zarate]

Yeap Peter, my suggestion was oriented to check the base64 handling. but the guys that have worked out the solution do process it as in the samples. so i think is better to try to make the php working.

Which version are you using?

[PM]

Titanium Studio, build: 2.0.1.201204132053

jenkins-titanium-rcp-master-185 (origin/master)

Titanium SDK: 1.2.0.RC4

[PM]

Would it be possible to get from the canvas.getImageData () the pixel data then pass it through an Uint8Array so that in the end we can pass it to a Titanium.Blob