Question

我正在使用SVG和ASP.NET。我有一些图像元素定义为SVG。基于一些操作，我想从后面的asp.net代码中改变SVG图像的路径。

我是SVG的新手。有人可以告诉我如何在后面的代码中访问SVG图像并执行所需的操作。关于SVG和asp.net的任何其他指导都将受到高度赞赏。

这是我在网络表单中的svg标记：

<svg width="600" height="500">
    <rect x="10" y="10" height="250" width="500" style="fill:rgb(255, 255, 255);stroke-width:3;stroke:rgb(0,0,0)" />
    <image x="20" y="50" width="300" height="80"
           xlink:href="http://dely.com/Svg/images/Layout/top-bar-logo.png" />
    <image x="15" y="125" width="300" height="80"
           xlink:href="http://dely.com/Svg/images/Layers/left-bar.png" />
</svg>

Answer 1

我没有看到任何问题，只需添加 runat =＆＃34;服务器＆＃34; 并使用属性属性修改后面代码中的网址：

<svg width="600"  height="500">
        <rect x="10" y="10" height="250" width="500" style="fill:rgb(255, 255, 255);stroke-width:3;stroke:rgb(0,0,0)" />

        <image runat="server" id="imgTest" x="20" y="50" width="300" height="80" 
            xlink:href="http://dely.com/Svg/images/Layout/top-bar-logo.png" />
        <image x="15" y="125" width="300" height="80"
            xlink:href="http://dely.com/Svg/images/Layers/left-bar.png" />

    </svg>

Code Behind（我放置了新的测试网址）：

imgTest.Attributes.Add("xlink:href", "http://icons.iconarchive.com/icons/aha-soft/free-3d-glossy-interface/64/accept-icon.png");

SVG图像元素和Asp.NET

1 个答案: