Blazor是一个基于WebAssembly的框架，可以使用C#来开发Web应用程序。在Blazor中，可以使用WebSocket实现客户端和服务器之间的双向通信。以下是将图像从WebSocket发送到Blazor客户端的步骤：

1. 在Blazor客户端中创建WebSocket连接。

2. 在WebSocket的onmessage事件处理程序中接收来自服务器的消息，并将消息解析为图像数据。

3. 将图像数据显示在Blazor客户端中。

以下是代码示例：

Blazor客户端代码：

@page "/websocket"
@using System.Net.WebSockets
@using System.IO
@using System.Drawing
@using SixLabors.ImageSharp
@using SixLabors.ImageSharp.Processing
@using SixLabors.ImageSharp.Formats
@using SixLabors.ImageSharp.Formats.Png

WebSocket Demo

Connect



@code {
    private WebSocket webSocket;

    private async Task Connect()
    {
        webSocket = new WebSocket("ws://localhost:5000/ws");

        webSocket.OnMessage += async (sender, eventArgs) =>
        {
            var image = ParseImage(eventArgs.Data);
            await ShowImage(image);
        };

        await webSocket.ConnectAsync();
    }

    private Image ParseImage(byte[] data)
    {
        using (var stream = new MemoryStream(data))
        {
            var image = Image.Load(stream);

            // Resize image
            var size = new Size(100, 100);
            image.Mutate(x => x.Resize(size));

            // Convert to PNG format
            var encoder = new PngEncoder();
            var memoryStream = new MemoryStream();
            image.Save(memoryStream, encoder);
            var pngData = memoryStream.ToArray();

            // Convert to ImageSharp image
            return Image.Load(pngData);
        }
    }

    private async Task ShowImage(Image image)
    {
        using (var stream = new MemoryStream())
        {
            // Save image to stream in base64 format
            var encoder = new Base64Encoder();
            image.Save(stream, encoder);
            var base64Data = System.Text.Encoding.UTF8.GetString(stream.ToArray());

            // Show image in HTML
            var container = document.querySelector("#image-container");
            container.innerHTML = $"";
        }
    }
}

上述代码利用ImageSharp库实现了将图像数据转换为Image对象，并将其调整大小为100x100像素。接着，将图像转换为