Canvas 制作保存图形的HTML绘图应用程序
我有一个我想做的计划的概念。我想制作一些绘图程序，允许你在页面上画线，保存它，然后当另一个用户查看同一页面时，他可以看到第一个用户绘制的绘图，并对其进行编辑。这一切都将在线，大概是使用HTML5画布 我想我可以算出绘图部分好的：当用户点击鼠标时，程序基本上会填充一系列跟踪鼠标移动的圆圈。然而，我现在很难弄明白的是如何保存这些图形。我现在能想到的最好的解决方案是拍摄一张图纸的“快照”并以某种格式保存，但随着图纸越来越大，这意味着要保存一个巨大的文件并将其从服务器发送到客户端，这听起来远不理想Canvas 制作保存图形的HTML绘图应用程序,canvas,drawing,html5-canvas,Canvas,Drawing,Html5 Canvas,我有一个我想做的计划的概念。我想制作一些绘图程序，允许你在页面上画线，保存它，然后当另一个用户查看同一页面时，他可以看到第一个用户绘制的绘图，并对其进行编辑。这一切都将在线，大概是使用HTML5画布 我想我可以算出绘图部分好的：当用户点击鼠标时，程序基本上会填充一系列跟踪鼠标移动的圆圈。然而，我现在很难弄明白的是如何保存这些图形。我现在能想到的最好的解决方案是拍摄一张图纸的“快照”并以某种格式保存，但随着图纸越来越大，这意味着要保存一个巨大的文件并将其从服务器发送到客户端，这听起来远不理想 有人
有人能就如何高效地保存和保存这些图形提供建议吗？HTML5像素数据可以轻松导出并导入为PNG图像。像素数据大小仅取决于尺寸，而不是应用了多少绘图命令，因为它是基于位图缓冲区的，而不是基于矢量的 使用toDataURL（）导出： 将数据保存到服务器
导入现有图像，只需将其加载为
drawImage（）