从 C# 中隐藏 SVG 元素

Question

我有一个 svg，其中包含两个组。

<svg viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg">
  <g id="gr1" fill="white" stroke="green" stroke-width="5">
    <circle cx="40" cy="40" r="25" />
    <circle cx="60" cy="60" r="25" />
  </g>
  <g id="gr2" fill="white" stroke="green" stroke-width="5">
    <circle cx="90" cy="60" r="25" />
    <circle cx="96" cy="40" r="25" />
  </g>
</svg>

有没有办法使用 C# 或 javascript（最好是 C#）在某些事件（按钮单击、x 值>y 值等）中隐藏组 gr2？我知道 visibility="hidden" 做我想做的事，但我不知道如何为我的一组 SVG 调用它。

Answer 1

试试这个：

<svg  viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg">
  <g id="gr1" fill="white" stroke="green" stroke-width="5">
    <circle cx="40" cy="40" r="25" />
    <circle cx="60" cy="60" r="25" />
  </g>
  <g runat="server"  id="gr2" fill="white" stroke="green" stroke-width="5">
    <circle cx="90" cy="60" r="25" />
    <circle cx="96" cy="40" r="25" />
  </g>
</svg>

在 c#

中

{
    gr2.Visible = false;
}

从 C# 中隐藏 SVG 元素

Hide SVG element from C#

c#

svg

visibility