Blazor传递给SVG的渲染字符串首尾带多余双引号无法生效如何解决

你遇到的现象本质不是生成的字符串本身携带多余双引号，而是Blazor默认的安全渲染机制会将所有字符串类型的插值内容作为纯文本处理，自动对HTML/SVG标签、特殊符号做转义，你在页面元素中看到的首尾双引号是转义后浏览器展示的效果，并非字符串本身的内容，因此你尝试的所有字符串裁剪、替换方法都不会生效。

Blazor提供了MarkupString类型用来标记内容为可直接渲染的原生HTML/SVG片段，你任选以下一种修改方式即可：

• 方案1：修改渲染处代码，直接对字符串做类型转换
  把原来的渲染代码

  <g>@mainDwg.EndSupport</g>
  

  修改为

  <g>@((MarkupString)mainDwg.EndSupport)</g>
  

  无需修改其他逻辑，即可正常渲染SVG内容。
• 方案2：修改属性类型
  将mainDwg.EndSupport的属性类型从string改为MarkupString，赋值时做转换即可：

  mainDwg.EndSupport = (MarkupString)SupportRoller.CoordinatesToString(endSupCoordRoller).Trim();
  

  渲染时保持原代码不变即可。

注意：MarkupString会跳过Blazor的默认安全转义校验，请确保你生成的SVG内容不存在用户可控的恶意输入，避免XSS注入风险。你当前场景下所有SVG标签都是代码固定生成的，无外部输入风险，可以安全使用。

内容的提问来源于stack exchange，提问作者ste4lth