ASP.Net Development Server SVG-файл, обслуживающий CSS background-image - PullRequest
9 голосов
/ 12 мая 2011

У меня возникают некоторые проблемы с получением файла SVG, заданного в качестве фона элемента сайта MVC 3 (Razor View Engine), и мне интересно, правильно ли сервер ASP.Net Development (Cassini?) Обслуживает файл SVG.

Мой SVG-файл расположен на /img/plus.svg, и вот его содержимое

<?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>

Правило CSS, которое я использую для установки фона, таково:

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

Я также добавил это в свой раздел Web.Config <system.webServer><staticContent>:

<!-- 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" />

Когда я перехожу на URL /img/plus.svg, файл загружается правильно.

Этопросто проблема сервера Dev, я должен попробовать в IIS?

1 Ответ

11 голосов
/ 13 мая 2011

Оказывается, это просто проблема Кассини, ASP.Net Development Server .При загрузке на правильный сайт IIS файлы SVG обслуживаются правильно .

...