0

我正在尝试开发一个网站,您可以在其中涂鸦元素并希望将其分享给所有使用 ajax 看到该页面的人。白板的微型版本。我知道从哪里开始。我对 Html、CSS、Javascript(Jquery) 和 PHP 有很好的理解。我有一个开始的麻烦。不知道使用什么技术和方法。

4

2 回答 2

1

您应该创建一个 HTML5 画布元素并将其放置在元素上方。在画布上,您可以实现一个简单的涂鸦功能(例如这里的)。

当您想将涂鸦同步到服务器时,您可以使用 Canvas 的toDataURL 方法使用 ajax 将图像数据发布到服务器。

在服务器上,您可以解码 base64 编码的 dataurl并将图像作为常规图像分发给其他查看器。

于 2011-07-17T12:19:43.700 回答
0

尝试使用画布实现单用户白板。那是一种在网站上绘制东西的方法,不仅限于矢量图形。

如果您已完成此操作,请尝试通过 ajax 与中央服务器通信并上传画布数据。然后就可以将您的新内容分发给您希望的任何其他客户。如果他们修改它,重新上传新数据。

作为画布的替代品,您可能想尝试 svg 方法。这可能会带来一些好处,因为您必须通过 Internet 发送的数据较小,但就像往常一样......

于 2011-07-17T12:24:03.620 回答