在 blazor 页面中使用 SSVG

Question

我有一个剃刀组件，我想向它添加一个 SVG。

最好为每个 SVG 创建一个组件以便我可以很容易地重用它，还是只将 SVG 包含到 blazor 页面中会更好？

这些只是我认为可以完成的两种方式，最好的方法是什么，我该如何实施？

没有找到任何资源，所以我无法尝试任何东西。

Answer 1

我试了一下，据我所知，Blazor 组件模型与 Svg 完美配合：

SvgHolder.razor

<svg width="100" height="100">
   @ChildContent
</svg>

@code {
    [Parameter]
    public RenderFragment ChildContent { get; set; }

}

SvgSample.razor

<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />

@code {

}

测试页.razor

<SvgHolder >
    <SvgSample />
</SvgHolder>