Skip to content

Instantly share code, notes, and snippets.

@arlolra
Created August 28, 2011 10:25
Show Gist options
  • Save arlolra/1176511 to your computer and use it in GitHub Desktop.
Save arlolra/1176511 to your computer and use it in GitHub Desktop.
$(function () {
var canvas = document.getElementById('canvasId')
, ctx = canvas.getContext('2d');
ctx.fillRect(10, 10, 10, 10);
var imgd = ctx.getImageData(0, 0, ctx.canvas.width, ctx.canvas.height);
var data = {
part: 'arm',
canvas: canvas.toDataURL()
};
socket.emit('canvas', data);
});
var Canvas = require('canvas')
, Image = Canvas.Image
, fs = require('fs');
module.exports = function (io) {
io.sockets.on('connection', function (socket) {
socket.on('canvas', function (data) {
var canvas = new Canvas(200,200)
, ctx = canvas.getContext('2d');
var img = new Image;
img.onload = function () {
ctx.drawImage(img, 0, 0, img.width, img.height);
var out = fs.createWriteStream(__dirname + '/test.png')
, stream = canvas.createPNGStream();
stream.on('data', function (chunk) {
out.write(chunk);
});
console.log('fire?');
};
img.src = new Buffer(data.canvas.replace(/^data:image\/(png|jpg);base64,/, ""), 'base64').toString('utf8');
// img.src = data.canvas;
});
});
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment