相关疑难解决方法(0)

使用fabricjs模拟自由绘图

我正在开发具有白板的应用程序。白板应该像 idroo.com 一样工作。一个用户正在绘制其他用户应该能够在他的浏览器上实时看到的内容。我使用fabricjs 作为画布包装器,它有我需要的一切。但我无法在画布上模拟自由绘图。我将鼠标位置和画笔选项发送到远程客户端,并尝试通过触发鼠标移动事件来呈现它们。但它不起作用。如果身体有类似的问题,你能帮忙吗?

canvasContainer.on('mousemove', function (e) {      
    var left = canvasContainer.offset().left;
    var top = canvasContainer.offset().top;
    var x = e.pageX - left;
    var y = e.pageY - top;         
    //Send data to remote browser by socket.io or signalr
    //I need to draw on remote browser by these x and y coordinates.
    updateCursor(_connections, x, y);
});
Run Code Online (Sandbox Code Playgroud)

javascript html5-canvas fabricjs

3
推荐指数
1
解决办法
1905
查看次数

标签 统计

fabricjs ×1

html5-canvas ×1

javascript ×1