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

How can users draw and save images within a website?

本文关键字：绘制保存图像网站用户更新时间：2023-09-26

我想开发一个网站，允许用户在网站上用鼠标或手指绘制自己的图片，例如简笔画。然后我希望能够保存图像，以便可以打印。有谁能告诉我做这件事的最好方法吗?

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

你需要使用HTML5 canvas元素来实现这一点，在我看来这是一个相当复杂的任务，但却是可行的。

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

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

一旦用户对绘制感到满意，那么您可以将其保存到磁盘。下面是一个这样做的例子:

使用JavaScript更新图像，捕获屏幕截图并保存到磁盘

有几种方法可以实现这一点。例如，您可以查看SVG -edit，这是一个在线SVG(矢量图形)编辑器(演示)。

或者您可以使用canvas元素。看这个问题:在线Photoshop通过HTML 5's画布?