从画布获取所有内容

Question

在HTML5画布中，有什么方法可以将所有图形作为数组或json对象获取？我知道画布可以进行基于栅格的绘图，但是如果我有一个已经包含一些矩形，圆形和文本的画布，是否可以通过任何方式获得有关该画布上所有绘图坐标的所有信息？

谢谢。

Answer 1

可以将Websockets与Node.js，Express，Socket.io一起使用。 这是一个协作绘图画布的示例：http://code-and.coffee/post/2015/collaborative-drawing-canvas-node-websocket/

我不确定这正是您要寻找的东西，但是Socket.io确实将所有图形点存储在一个数组中。在链接的示例中，请参见var line_history = []文件中的server.js。然后，它可以推向它并从中发出。您可能可以调整代码，使其适应您的需求。

希望有帮助！