Question

我需要制作一个模板，我将通过查找特殊标记并替换值来为下面的坐标插入新值。

我已经给出了一个SVG，下面是我需要更改的一小部分，以便我可以模板/添加占位符，因为下面的值将是动态的。

<g id="Layer_1">
    <g id="shape1">
        <polygon class="poly1" points="6.7,105.4 -19.2,190.5 -20.4,123.5 1.6,143.6 "/>
    </g>
    <polygon id="shape2" class="poly1" points="-20.9,300.3 -37.7,103.3 -10.9,204.3 -0.1,233.6"/>
    <circle id="circleSolid" class="poly2" cx="6.7" cy="306.1" r="10.3"/>
    <g id="circleDashed">
        <circle class="poly3" cx="2.6" cy="304.7" r="10.3"/>
    </g>
    <text transform="matrix(1 0 0 1 -40.7301 191.3002)" class="poly1 poly3 poly4">Poly1</text>
    <text transform="matrix(1 0 0 1 -40.7302 200.3002)" class="poly1 poly3 poly4">Poly2</text>
</g>
<g id="Layer_7">
    <line id="newShape1" class="poly5" x1="-30.7" y1="170.7" x2="12.2" y2="171.7"/>
    <line id="newShape2" class="poly5" x1="-11.5" y1="160.7" x2="0.1" y2="200.3"/>
</g>>

我想知道我不能在html标记中添加[x1]标签，例如下面的模板。我应该只使用类来插入新的动态值吗？我该怎么做模板SVG绘图？

我将在C＃中动态插入新值。

Answer 1

您必须使用C＃函数String.Format()，它将接收您的字符串并将字符串中的所有变量替换为实际文本。

例如：

string name = "Scott";
string output = String.Format("Hello {0}", name); ///outputs Hello Scott

因此，如果你想在SVG中生成circle元素，你会得到这样的代码：

string cx = '6.7';
string cy = '306.1';
string r = 10.3';
string result = String.Format("<circle id="circleSolid" class="poly2" cx="{0}" cy="{1}" r="{2}"/>", cx, cy, r);

将输出以下内容：

<circle id="circleSolid" class="poly2" cx="6.7" cy="306.1" r="10.3"/>

String.Format - MSDN

我应该如何模拟这个svg代码段？

1 个答案: