SVG not showing in object tag after publishing to

2019-08-30 15:31发布

I am able to get the SVG files to display using the object tag (img tag didn't work nor did background-image property) while running in debug mode using MS Visual Web Developer 2010 Express. My browser is IE11. But after publishing to the web, the SVG files do not show and will display the "alt" content when included. The img tag never works with SVG and the svg tag always works, even after being published to web. I only need to get the object tag to work however, and just included the others as additional information for figuring out what might be going on.

    <body>
        <form id="form1">
            <img alt="image missing" src="Images/circle.svg" />
            <object data="Images/circle.svg" type="image/svg+xml">object missing</object>
            <svg>
                <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
            </svg>
        </form>
    </body>

When I replace the svg file with a png, then all three images display in debug as well as after publishing to the web. The png and svg files are kept in the same folder. I tried another browser (Chrome) with the same results. Any ideas as to why the svg wouldn't display? Thanks.

标签： html svg

1条回答

Viruses.

2楼-- · 2019-08-30 16:09

I resolved the issue. I had to add the .svg mime type to the application's web.config file. The following code was added to web.config and now all scalable vector graphics display in both the image tag and object tag in debug as well as released.

    <configuration>
       <system.webServer>
          <staticContent>
             <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
          </staticContent>
       </system.webServer>
    </configuration>

I found the solution here: https://serverfault.com/questions/359904/how-to-configure-iis-for-svg-and-web-testing-with-visual-studio

and here: http://www.codeproject.com/Tips/439273/Viewing-SVG-and-other-HTML5-content-when-debugging

0人赞添加讨论(0) 举报

SVG not showing in object tag after publishing to

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间