保存画布元素的栅格化,服务器端

时间:2010-11-09 06:00:34

标签: jquery image canvas server-side raphael

我构建了一个使用jQuery和Raphael(画布上的矢量和图像)的页面,允许用户通过选择几种颜色来自定义图片。整个画布可以通过使用一系列简单参数进行初始化来在客户端重新创建,如:

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

因此,可以轻松地重新创建用户创建的任何内容。

是否可以让服务器渲染并将此画布保存为图像?

任何指出我正确方向的建议都会很棒。

3 个答案:

答案 0 :(得分:1)

来自LearnBoost的人有一个NodeJS的画布实现。

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

使用nodejs和node-canvas,您可以在服务器端使用canvas生成图像,然后将其传回给用户。

答案 1 :(得分:0)

答案 2 :(得分:0)

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

在那里你可以去两条路线。

  1. 通过Batik渲染 (如果你有一个java服务器,那很容易 如果运行php)或
  2. 会变得很痛苦
  3. 发送给ImageMagik。