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

如何添加SVG<;文本>;在Blazor/razor文件中,blazor,razor-pages,Blazor,Razor Pages,我有一个Blazor应用程序(.NET3.1内核),可以生成SVG图像。它与使用razor/Blazor语法生成的任何其他HTML一样。问题在于生成SVG元素时。我试过了 <text x="0">Some text</text> 一些文本 这会导致无效的语法,因为它在razor文件中是特殊的。我也试过了 @:<text x="0">Some text</text> @:一些文本 razor接受这一点,

我有一个Blazor应用程序(.NET3.1内核),可以生成SVG图像。它与使用razor/Blazor语法生成的任何其他HTML一样。问题在于生成SVG
元素时。我试过了

<text x="0">Some text</text>
一些文本
这会导致无效的语法,因为它在razor文件中是特殊的。我也试过了

@:<text x="0">Some text</text>
@:一些文本
razor接受这一点,但这会导致标记被删除,属性呈现为普通文本而不是SVG标记

如何用razor语法编写SVG
元素?我不想回到C#和HtmlString等

更新:这里缺少的关键点是,我在@foreach中使用了它,我起初认为这与此无关。

将SVG
包装在剃须刀中
如下所示,效果很好,但它既不美观也不直观:)


一些文本

我不确定为什么@:按我的理解不起作用
@:stuff
stuff
应该是等效的。

您的确切错误是什么?对于哪个确切的svg代码?因为基本上这是可行的。我现在不在电脑前,但我刚刚发现了这个,我的问题也在讨论中。有关于
@:
,基本上解决方案有自己的问题。
<text>
<text x="0">Some text</text>
</text>