Blazor 大小写更改 DOM 标签

Question

我正在使用 blazor 在页面上生成 SVG 项目。这很好用，除非我试图创建一个 <clipPath> 标签。 Blazor 正在将其大小写更改为 <clippath>，这不是公认的 SVG 标签，因此不执行任何操作。

有没有办法让 Blazor 保持我的标签大小写完好无损？

编辑：示例代码

<svg width="200" height="200">
  <g clip-path="url(#myClip)">
    <rect width="200" height="200" fill="red"></rect>
    <clipPath id="myClip">
      <circle cx="100" cy="100" r="100" fill="none"></circle>
    </clipPath>
  </g>
</svg>

Answer 1

所以我在 .Net github 上报告了这个问题，现在它是一个已确认的错误。看起来他们已经优先将修复程序作为 .Net Core 3.0 里程碑的一部分。这是一个 link 问题，供任何其他想要关注它的人使用。

https://github.com/aspnet/AspNetCore/issues/6507

Blazor 大小写更改 DOM 标签

Blazor case-changes DOM tags

html

svg

clip-path

blazor