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

Question

我有一个生成 SVG 图像的 Blazor 应用程序（.Net 3.1 Core）。它像任何其他 HTML 一样使用 razor/Blazor 语法生成。问题出在生成 SVG

<text>

元素时。我试过了

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

这会导致语法无效，因为在 razor 文件中很特殊。我也试过了

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

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

如何用 razor 语法编写 SVG

<text>

元素？我不想恢复到 C# 和 HtmlString 等。

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

Answer 1

将 SVG

<text>

包裹在剃刀

<text>

中，如下所示，但它并不漂亮或直观:)

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

我不知道为什么 @: 没有按照我的理解工作

@:stuff

和

<text>stuff</text>

应该是等价的。

Answer 2

0
投票

干得好；请继续做好工作！谢谢你........