我想开发一个网站,允许用户使用鼠标或手指在网站上绘制自己的图片,例如棒图。然后,我希望能够保存图像,以便可以打印。任何人都可以帮助解决这个问题的最佳方法。
我对html和css有很好的理解,但我相信这需要更先进的东西来学习。任何帮助将不胜感激。
答案 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?