Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用户如何在网站中绘制和保存图像?_Javascript_Html_Canvas - Fatal编程技术网

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

Javascript 用户如何在网站中绘制和保存图像?,javascript,html,canvas,Javascript,Html,Canvas,我想开发一个网站,允许用户使用鼠标或手指在网站上绘制自己的图片,例如木棍图形。然后我希望能够保存图像,以便打印。有谁能帮助我们找到解决这个问题的最佳方法吗 我对html和css有很好的理解,但我相信这需要更高级的东西来学习。任何帮助都将不胜感激。您需要使用HTML5画布元素来实现这一点,我认为这是一项相当复杂的任务,但可行 您需要非常了解画布交互和绘图工具。您可以在这里找到一个非常基本的绘图应用程序 一旦用户对绘制感到满意,您就可以将其保存到磁盘。下面是一个这样做的示例: 实现这一点有几种方法

我想开发一个网站,允许用户使用鼠标或手指在网站上绘制自己的图片,例如木棍图形。然后我希望能够保存图像,以便打印。有谁能帮助我们找到解决这个问题的最佳方法吗


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

您需要使用HTML5画布元素来实现这一点,我认为这是一项相当复杂的任务,但可行

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

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


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


或者您可以使用
画布
元素。看到这个问题:

非常感谢-链接我所需要的内容。因为画布元素在所有浏览器中都不是很好,所以最好使用svg编辑吗?您知道svg编辑是否可以集成到一个网站中,只需几个功能,例如:铅笔、橡皮擦和颜色?感谢您的帮助没有一个解决方案在所有浏览器中都很好;每个决定都有其局限性。我没有尝试将svg编辑集成到任何东西中,我只是将其作为一个起点来了解您可以做什么。