Jquery 保存画布元素的光栅化,服务器端
我构建了一个页面,它使用一些jQuery和(画布上的向量和图像),允许用户通过选择一些颜色来定制图片。通过使用以下简单参数数组进行初始化,可以在客户端重新创建整个画布:Jquery 保存画布元素的光栅化,服务器端,jquery,image,canvas,server-side,raphael,Jquery,Image,Canvas,Server Side,Raphael,我构建了一个页面,它使用一些jQuery和(画布上的向量和图像),允许用户通过选择一些颜色来定制图片。通过使用以下简单参数数组进行初始化,可以在客户端重新创建整个画布: initCanvas({ 'wall' : 'green', 'ceiling' : 'black', 'floor' : 'white' }) 因此,用户创建的任何内容都可以轻松地重新创建 是否可以让服务器渲染此画布并将其保存为图像 任何给我指出正确方向的建议都会很好。这似乎是解决您问题的好办
initCanvas({
'wall' : 'green',
'ceiling' : 'black',
'floor' : 'white'
})
因此,用户创建的任何内容都可以轻松地重新创建
是否可以让服务器渲染此画布并将其保存为图像
任何给我指出正确方向的建议都会很好。这似乎是解决您问题的好办法:首先通过JSON将其发送到服务器 一旦到了那里,你可以走两条路
LearnBoost的家伙们为NodeJ提供了一个画布实现
使用nodejs和node canvas,您可以在服务器端使用canvas生成图像,并将其流式传输回用户。是否需要将其保存在服务器上?如果没有,画布的
toDataURL
方法就可以做到这一点(例如)。但是,如果你想要例如服务器上的图像缩略图,那就不能解决问题。为什么你把它作为一个注释,而作为一个更好的答案呢?@graham.reeds:因为这不是一个答案-他要求服务器实现,但我建议的客户端实现可能不是他想要的,并要求澄清它是否需要在服务器上。如果他说客户没事,我会把它作为一个答案。谢谢你的回答。我重建了svg服务器端,Batik在光栅化方面做得很好。