2011-05-12 13 views
9

MVC 3 Sitesi'nde (Razor View Engine) bir öğenin arka planı olarak bir SVG dosyası oluştururken ve ASP.Net'in olup olmadığını merak ederken bir sorun yaşıyorum Geliştirme Sunucusu (Cassini?) SVG dosyasına düzgün şekilde hizmet veriyor. Ben de bu ekledikASP.Net Geliştirme Sunucusu SVG Dosyası CSS arka planı görüntüsü için görüntü

.plusIcon { background-image: url(@Url.Content("~/img/plus.svg")); } 

:

Benim SVG dosyası /img/plus.svg bulunur ve burada içindekilerin

<?xml version="1.0" encoding="utf-8"?> 
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
    width="25px" height="25px" viewBox="0 0 25 25" enable-background="new 0 0 25 25" xml:space="preserve"> 
<polygon fill="#231F20" points="25,8.621 16.38,8.621 16.38,0 8.621,0 8.621,8.621 0,8.621 0,16.379 8.621,16.379 8.621,25 
    16.38,25 16.38,16.379 25,16.379 "/> 
</svg> 

Ben arka planı ayarlamak için kullanıyorum css kuralı şudur olmasıdır benim Web.config için <system.webServer><staticContent> bölümü: Ben t gidin

<!-- Proper svg serving. Required for svg webfonts on iPad --> 
<remove fileExtension=".svg"/> 
<remove fileExtension=".svgz"/> 
<mimeMap fileExtension=".svg" mimeType="images/svg+xml" /> 
<mimeMap fileExtension=".svgz" mimeType="images/svg+xml" /> 

O, /img/plus.svg numaralı URL dosyasını doğru bir şekilde karşıdan yükler.

Bu yalnızca bir Dev Sunucu sorunu mu, IIS'de denemeli miyim?

cevap

11

Bu bir Cassini, ASP.Net Geliştirme Sunucusu sorunu sorun çıkıyor. uygun IIS Sitesi'a yüklendiğinde, SVG dosyaları düzgün şekilde olarak sunulur.

+1

Bunun için teşekkürler - Sadece aynı sorunla karşılaştım. Beni birkaç dakika googling :-) kurtardı – Dav

+0

Yapılandırma içinde bir "Yerel IIS Web Sunucusu" dağıtmak için VS projeyi değiştirme benim için çalışır. Ancak, '' bölümünüzde '' yoksa, IE9 hala görüntülenmeyecektir. – johntrepreneur

+0

Ayrıca SVG işlemek için Cassini düzeltmek/çimdik nasıl bilmek güzel olurdu. – johntrepreneur

İlgili konular