javascript - php代码为互联网上的两个客户端制作实时html Canvas

标签 javascript php jquery html canvas

<分区>

我需要 html、PHP、Jquery 代码来为两个在线用户制作实时 html Canvas (如白板),这样如果其中一个在 Canvas 上更新,那么另一个可以实时看到它。有没有实现这个 Canvas 的想法。在 php 中需要用于此目的的代码。 我在互联网上找到了一个我链接的代码示例 here

我需要这段代码,以便两个用户可以在 html Canvas 上使用绘图或书写进行交互。

以下是示例截图 enter image description here

最佳答案

我可以给你一些入门信息:

Websockets 是一种允许分布式计算机通过公共(public)服务器进行通信的方法。

像 Ratchet 这样的库会在 PHP 服务器上为您处理 websockets:

http://socketo.me/docs .

要有效地结合多个用户在 Canvas 上的绘图工作,您必须捕获每个用户的每个最新绘图命令,并将这些最新命令分发给所有其他用户。下面是如何序列化 Canvas 绘图命令的示例:

http://ramkulkarni.com/blog/deserializing-recordings-in-recordable-html5-canvas/

完整的答案(需要服务器配置)超出了 stackoverflow 答案的范围。

祝你的项目好运!

关于javascript - php代码为互联网上的两个客户端制作实时html Canvas ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20494251/

相关文章:

javascript - JQuery - 为什么附加 "complex"内容需要一个字符串上的 jquery 对象数组?

javascript - 我如何根据这个 javascript 库访问 usernameField 并将其值更改为电子邮件?

javascript - 跟踪订单复选框已选中

php - MySQL 联合丢失表名

javascript - 如何防止浏览器从内存中选择选择框中的选项

php - 删除 MySQL 中超过 30 分钟的行

php - YII2.0查询多数据库

javascript - 如何动态删除 jquery 脚本中的空格和新行?

java - Jquery 错误 - 调用 Struts 2 操作时

javascript - 在二维数组中协调并在 div 中表示它们