Canvas - toDataURL

HTML

<script src="http://vitalets.github.com/x-editable/assets/mockjax/jquery.mockjax.js"></script>
<canvas id="canvas" width="100" height="100"></canvas>

CSS

#canvas {
    border:1px solid red;
}

JavaScript

// AJAX emulation
$.mockjax({
    url: '/test/0',
    responseTime: 200,
    response: function(settings){
        console.log("Request data: ", settings.data);
    }
});

var image = $('#canvas')[0].toDataURL('image/png');
$.ajax({
    url: "/test/0",
    type: 'POST',
    data: { 'image' : image },
    success: function(){
        alert('Ok.');
    }
});