从昨天开始,我一直在努力解决这个问题,但没有成功。我可能错过了一些简单的东西,但我看不见。
我遇到的问题是,Windows上的Safari没有呈现svg图像,而是打开了一个下载对话框。该网站托管在IIS 7上。我在web.config中设置了MIME,如下所示。
<mimeMap fileExtension=".svg" mimeType="image/svg+xml svg"/>
并嵌入图像如下:
<div style="width:128px; height:128px;background:grey;">
<object height="100%" width="100%"
data="/images/l-tree01.svg" type="image/svg+xml">
</object>
</div>
图像的路径是正确的,图像在Firefox、Chrome和IE上渲染良好。
最终通过检查另一个站点上正确嵌入图像的响应HEADERS来解决问题。问题是我声明的MIME是Content-Type: image/svg+xml svg
而不是Content-Type: image/svg+xml
。