Javascript fabric js与另一块板同步实时ActiveObject

Javascript fabric js与另一块板同步实时ActiveObject,javascript,vue.js,fabricjs,Javascript,Vue.js,Fabricjs,我想通过WebSocket与fabric js制作一个实时同步板。所以我几乎做到了,但是使用ActiveObject我遇到了一个大问题。我可以添加到activeObject,然后在另一块板中移动到和第一块板相同的坐标。但在另一次移动中,第一块板中的一个元素会移动到错误的位置。如何解决这个问题?请在视频中查看此错误 这里有完整的代码,你可以在这里找到 下面是一段同步选定对象的代码 if (obj.type === 'activeSelection') {

我想通过WebSocket与fabric js制作一个实时同步板。所以我几乎做到了,但是使用ActiveObject我遇到了一个大问题。我可以添加到activeObject,然后在另一块板中移动到和第一块板相同的坐标。但在另一次移动中,第一块板中的一个元素会移动到错误的位置。如何解决这个问题?请在视频中查看此错误 这里有完整的代码,你可以在这里找到

下面是一段同步选定对象的代码

    if (obj.type === 'activeSelection') {

                    let findItems = []
                    obj.objects.forEach((el) => {
                        let existing = this.getObjectFromId(this.canvas, el.id)
                        findItems.push(existing)
                    })
                    let sel = new fabric.ActiveSelection(findItems, {
                        canvas: this.canvas,
                    })
                    sel.set(obj)
                    this.canvas.setActiveObject(sel)
                    this.canvas.requestRenderAll()

             

                }