我想开发一个网站,允许用户使用鼠标或手指在网站上绘制自己的图片,例如简笔画。然后我希望能够保存图像以便可以打印。任何人都可以帮助解决这个问题的最佳方法。
我对 html 和 css 有很好的理解,但我相信这需要我学习一些更高级的东西。任何帮助将不胜感激。
我想开发一个网站,允许用户使用鼠标或手指在网站上绘制自己的图片,例如简笔画。然后我希望能够保存图像以便可以打印。任何人都可以帮助解决这个问题的最佳方法。
我对 html 和 css 有很好的理解,但我相信这需要我学习一些更高级的东西。任何帮助将不胜感激。
您需要使用 HTML5 画布元素来实现这一点,在我看来这是一项相当复杂但可行的任务。
您需要对画布交互和绘图工具有很好的理解。你可以在这里找到一个非常基本的绘图应用程序。
http://dev.opera.com/articles/view/html5-canvas-painting/
一旦用户对绘画感到满意,您就可以将其保存到磁盘。下面是一个这样做的例子:
有几种方法可以实现这一点。例如,您可以查看svg-edit,它是一个在线 SVG(矢量图形)编辑器(演示)。
或者您可以使用该canvas
元素。请参阅此问题:通过 HTML 5 的画布进行在线 Photoshop?