c# - WebGUI with Blazor / C# .. blazor 可以实现 Windows 窗体 PictureBox 类吗？

Question

我们尝试使用 blazor 实现基于 Web 的 UI。为了迈出第一步，我们正在尝试执行以下操作：

• 设计一个基本的前端
• 创建与（本地）mySQL 数据库连接的按钮
• 绘制存储位置的热图（数据可视化/图片框）

blazor 可以处理 Windows 窗体 PictureBox 类吗？或者您如何使用 blazor 显示由内部函数生成的图像？

谢谢！

标签： c#frontendblazorpicturebox

Answer 1

图像显示为添加<img>标签或使用<div>带有 css 背景图像的标签。

要动态添加它们，您需要使用树构建器：

@code
{    
  protected override void BuildRenderTree(RenderTreeBuilder builder)
  {
      base.BuildRenderTree(builder);
      builder.OpenElement(0, "img");
      builder.AddAttribute(1, "src", "/myawesomeimagefolder/myawesomeimage.png");
      builder.CloseComponent();
  }
}