Php 允许使用Javascript绘制div并将其同步到多个div&;HTML 5

Php 允许使用Javascript绘制div并将其同步到多个div&;HTML 5,php,jquery,ajax,html,html5-canvas,Php,Jquery,Ajax,Html,Html5 Canvas,我正在尝试开发一个网站,您可以在其中涂鸦一个元素,并希望与所有使用ajax查看页面的人共享它。白板的微型版本。我知道从哪里开始。我对Html、CSS、Javascript(Jquery)和PHP有很好的理解。我开始有困难。不知道使用什么样的技术和方法 您应该创建一个HTML5画布元素,并将其放置在元素上方。在画布上,您可以实现一个简单的涂鸦功能(例如 当您想要将涂鸦同步到服务器时,可以使用画布的toDataURL使用ajax将图像数据发布到服务器 在服务器上,您可以将图像作为常规图像分发给其他查

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

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

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


在服务器上,您可以将图像作为常规图像分发给其他查看者。

尝试使用canvas实现单用户wihteboard。这是一种在网站上画东西的方法,不限于矢量图形

如果您完成了这项工作,请尝试通过ajax与中央服务器通信,并上传画布的数据。然后你就可以把你的新内容分发给任何你想要的客户。如果他们修改了,重新加载新数据

作为画布的替代方案,您可能希望尝试svg方法。这可能会带来一些好处,因为你将不得不通过互联网发送的数据较小,但ie像往常一样