Как реализовать бесплатный сетевой рисунок с помощью Fabric.js и ASP.net Core SignalR? ⇐ C#

[Anonymous]

Примечание: я пишу эту программу, используя C# Backend и Front End Javascript, однако этот вопрос, вероятно, будет применить только к нишевой группе пользователей, которые знакомы с обоими Fabric.js и ASP.NET Core Signalr ( не asp.net signalr). Пользователи могут видеть, как кто -то рисует на доске, в режиме реального времени).
Я реализовал одну белую доску игрока (подумайте: холст, который позволяет бесплатно рисовать) с использованием Fabric.js, и я также реализовал простую программу чата с использованием ядра ASP.NET ( не asp.net. Застрял в обновлении Canvas на экране всех пользователей. Они разные и несовместимы (источник: https://learn.microsoft.com/en-us/aspne ... etcore-2.2). Таким образом, я застрял на том, что делать. Если кто -то может дать рабочий пример многопользовательского холста с использованием Fabric.js и ASP.NET Core SignalR, это будет очень оценено. Спасибо! < /P>
fabric.js Бесплатный рисунок: < /p>
document.getElementById("drawButtonStart").addEventListener("click", function (event) {
canvas.isDrawingMode = true; //this allows free drawing on canvas
event.preventDefault();
});
< /code>
Чаты с ASP.NET CORE SIGINGR (код JavaScript на стороне клиента): < /p>
var connection = new signalR.HubConnectionBuilder().withUrl("/chatHub").build();

connection.on("ReceiveMessage", function (user, message) {
var msg = message.replace(/&/g, "&").replace(//g, ">");
var encodedMsg = user + " says " + msg;
var li = document.createElement("li");
li.textContent = encodedMsg;
document.getElementById("messagesList").appendChild(li);
});
< /code>
Комната чата на стороне сервера: < /p>
public class ChatHub : Hub
{
public async Task SendMessage(string user, string message)
{
await Clients.All.SendAsync("ReceiveMessage", user, message);
}
}


Подробнее здесь: https://stackoverflow.com/questions/571 ... re-signalr