Saving pixi to image using toDataURL - get black rectangle

[t-plane]

HI all, I'm brand new here. 

 

Im trying to save a snapshot of the canvas using toDataURL and then write that data to an img tag. All i get is black background. 

 

Live Example - http://anatoliyg.github.io/toaster/.  The code I'm using to grab the byte array and set it to image tag is 

 

 

var canvas = $('canvas')[0];var context = canvas.getContext('2d');$('button').click(function() {    var data = renderer.view.toDataURL();    //tried var data = canvas.toDataURL();    $('img').attr('src', data);})

Anyone got any clue? 

 

thanks

 

[bubamara]

initialize renderer as : 

var renderer = PIXI.autoDetectRenderer(800, 600, { preserveDrawingBuffer:true });