用户如何在网站中绘制和保存图像?

时间:2013-01-16 11:15:06

标签: javascript html5 canvas

我想开发一个网站,允许用户使用鼠标或手指在网站上绘制自己的图片,例如棒图。然后,我希望能够保存图像,以便可以打印。任何人都可以帮助解决这个问题的最佳方法。

我对html和css有很好的理解,但我相信这需要更先进的东西来学习。任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:3)

你需要使用HTML5 canvas元素来实现这一点,在我看来这是一项非常复杂的任务,但是可行。

您需要对画布交互和绘图工具有很好的理解。你可以在这里找到一个非常基本的绘图应用程序。

http://dev.opera.com/articles/view/html5-canvas-painting/

一旦用户对绘画感到满意,您就可以将其保存到磁盘上。下面是一个例子:

Update Image, capture screengrab and save to disk using JavaScript

答案 1 :(得分:0)

有几种方法可以实现这一目标。您可以查看svg-edit,例如,这是一个在线SVG(矢量图形)编辑器(demo)。

或者您可以使用canvas元素。请参阅此问题:Online Photoshop via HTML 5's Canvas?