问题标签 [togetherjs]

我正计划开发一个基于 Web 的应用程序，该应用程序允许人们绘制架构图，并且我想赋予它协作的功能。如果一个用户进行了一些更改，那么另一个用户可以实时看到并在需要时进行进一步的更改。

我研究并发现Jointjs和Togetherjs，如果一起工作可以做到这一点。我尝试在网上寻找集成想法，但无法找到。

有没有人尝试过同时使用这两种方法？有没有办法通过这两个库来完成我正在尝试的事情？

任何线索将不胜感激。

我正在尝试将 togetherjs 集成以与 paperjs 画布进行协作。下面是设置 paperjs 和 togetherjs 的代码（作为全局对象添加到 中window）

togetherjs事件在构造函数中添加如下，

但是，当协作模式开启时，新路径的绘制不起作用。属性this.colabPath是保存对等体发送的路径数据的属性，作为事件触发，drawstart,draw和drawend（如上所示）

这是很多代码，但我没有其他方法可以解释这个问题：|

我正在使用 Literally-Drawing，它是实时协作绘图板。

这是 Github 和 Demo 链接：

Github字面图

演示链接

这个存储库使用两个不同的库，一个是 Fabricjs，第二个是 togetherjs，最初只有一个默认的“PencilBrush”工具我想在其中添加更多工具，但在此之前我正在测试是否可以动态更改颜色“#ccc”或任何东西和画笔类型为“CircleBrush”他们已经将“Fabric-Whiteboard.js”文件中的上述两个库连接在一起。有两个主要功能 WB.Core 和 WB.Collabrative。Core 正在创建画布，而 collabtive 正在将数据推送到 Togetherjs 服务器，以便会话中的其他浏览器可以收听。

我对 WB.Core 函数中的 Core.prototype._createCanvas 函数进行了一些更改，最初它只是创建画布，所以我将其更改为添加“CircleBrush”

起初

变成

现在这部分工作正常，我猜是因为它给出了任何错误，而且我在 WB.Collaborate 函数中的“drawStart”中做了一些更改。

起初

问题： 问题是我希望将相同的绘图广播到其他会话，如果我添加以下两行，它会给我一个错误“无法设置未定义的属性'颜色'”，因为我可以覆盖 WB 中的默认值。核心成功。

试图将其更改为：

JSF中：

这是我尝试制作的 JsFiddle，但由于某种原因，我的版本和原始版本都无法进行实时协作

MyJsFiddle： https ://jsfiddle.net/mwgi2005/p7cwu9ao/7/

这就是它的样子，我将颜色设置为灰色，工具类型设置为“CircleBrush”。当我在左侧的父窗口中绘制时，它以灰色绘制，而子窗口以黑色绘制，这是织物库中定义的默认颜色，反之亦然。

谢谢

我正在尝试使用 Mozilla 的 TogetherJS 制作一个简单的可共享文本编辑器，但它似乎不起作用。根据他们的指示，我在头部添加了库/脚本并从按钮调用 JS。

https://togetherjs.com/

在头部标签中：

在身体里：

完整代码：

它似乎超级简单，但由于某种原因，它似乎不起作用！

我已经调试了将近一个星期，但我还没有真正解决它。有人可以帮我解决这个问题。我已经卸载并重新安装了我的节点，它总是出现。

也试过

但这也不能解决问题。

npm WARN tarball tarball data因为esprima@https://github.com/ariya/esprima/tarball/master (sha1-C0XMQgDkwwAPPkY1H9aa+FeCIPo=) 似乎被破坏了。再试一次。