如何使用C#提供SVG,以便它将呈现为CSS背景图像

Question

我有一个生成SVG输出的服务器端脚本.我正在使用MVC3,在RenderSVG方法中我返回SVG的内容,如下所示:

return Content(svgContent, "text/xml; charset=utf-8");

在这种情况下svgContent,只是SVG文件的内容.如果我直接导​​航到我的RenderSVG方法,它会按预期渲染我的图像.但是,如果我设置相同的URL,则background-imageCSS标记的属性不会呈现.我使用的是最新版本的Chrome,可以确认正常的SVG文件正常呈现为背景图像.但是这个服务器端版本没有.

我有什么想法我做错了吗？以下是原始图像和服务器端版本的响应标头.在每种情况下,图像的内容都相同.

原始响应标头

HTTP/1.1 304 Not Modified
Last-Modified: Mon, 23 Sep 2013 04:56:16 GMT
Accept-Ranges: bytes
ETag: "018f63b19b8ce1:0"
Server: Microsoft-IIS/7.5
X-Powered-By: ASP.NET

日期:星期四,2014年1月23日11:38:38 GMT

脚本响应头

HTTP/1.1 200 OK
Cache-Control: private
Content-Type: text/xml; charset=utf-8
Content-Encoding: gzip
Vary: Accept-Encoding
Server: Microsoft-IIS/7.5
X-AspNetMvc-Version: 4.0
X-AspNet-Version: 4.0.30319
X-Powered-By: ASP.NET
Date: Thu, 23 Jan 2014 11:39:29 GMT
Content-Length: 490

Answer 1

尝试使用"image/svg+xml"svg的mime类型.

return Content(svgContent, "image/svg+xml; charset=utf-8");

(见http://www.w3.org/TR/SVG11/mimereg.html)