保存一个画布元素的栅格化，服务器端

Question

我已经构建了一个使用一些jQuery和Raphael（矢量和画布上的图像）的页面，以允许用户通过选择几种颜色来自定义图片。

initCanvas({ 
    'wall' : 'green', 
    'ceiling' : 'black', 
    'floor' : 'white' 
    }) 

，所以，只要创建了一个用户可以很容易地重新创建：整个画布可以在客户端通过简单的参数，像数组初始化重建。

是否有可能让服务器渲染并将此画布保存为图像？

任何建议指向我在正确的方向将是伟大的。

Answer 1

看来好像这将是一个很好的解决问题的方法：http://www.benbarnett.net/2010/06/04/export-svg-from-raphael-js-to-create-a-png-bitmap/

Answer 2

首先通过JSON发送到服务器。

一旦那里你可以去两条路线。

1. 通过蜡染 渲染它（容易，如果你有一个Java服务器，但 就会变得疼痛，如果运行PHP）或
2. 它发送到ImageMagik。

Answer 3

LearnBoost的家伙有一个NodeJS的画布实现。

http://www.learnboost.com/introducing-node-canvas-server-side-html5-canvas-api/

使用和的NodeJS节点的画布，你可以使用服务器端的画布生成图像和流回给用户。