如何在 <text> Blazor/razor 文件中添加 SVG

Question

我有一个Blazor应用程序(.Net 3.1 Core(，它可以生成SVG图像。它是像其他任何HTML一样使用razor/Blazor语法生成的。问题在于生成SVG<text>元素时。我试过

<text x="0">Some text</text>

并且这导致无效语法，因为这在剃刀文件中是特殊的。我也试过

@:<text x="0">Some text</text>

razor接受了这一点，但这会导致标签被删除，属性被呈现为普通文本而不是SVG标签。

如何用剃刀语法编写SVG<text>元素？我不想恢复到C#和HtmlString等

更新：这里缺少的关键点是我在@foreach中使用了它，我最初认为这并不相关。

Answer 1

像下面这样将SVG<text>封装在剃刀<text>中可以工作，但并不美观或直观：(

<text>
<text x="0">Some text</text>
</text>

我不知道为什么@不起作用，因为我知道@:stuff和<text>stuff</text>应该是等效的。