屏幕截图ala Draw Something

Question

我最近花了一些时间玩一款名为Draw Something（Android，iOS）的游戏。我喜欢玩家可以在屏幕上绘制的方式，并且将为第二个玩家重新创建绘图。我想在我的网站上使用类似的东西，但我不确定如何。

我正在进行的项目将使用一对多连接，而不是Draw Something的一对一连接。基本上，用户将制作一个绘图，并且应该为任何查看它的人重新创建它。

是否可以使用HTML5，JS和Python的某种组合在Web上执行此操作？

Answer 1

使用ontouchstart，ontouchmove和ontouchend轻松完成。示例：http://ontouchstart.github.com/

只需跟踪触摸事件（或鼠标的坐标，但使用onmousedown，onmousemove和onmouseup）并将其发送到服务器。然后，服务器将数据发送给其他客户端，这些客户端根据事件的坐标绘制所有内容。

Answer 2

这是一个使用Raphaeljs http://ianli.com/sketchpad/的图书馆。它以JSON格式存储绘图，您可以使用它在任何需要的地方重绘。我不确定它适合你想做什么，但它可能有效。