1

我有一个 CorelDraw 创建的 SVG 文件,需要在网页上显示,然后在其上执行一些 Javascript。当您在 Windows 资源管理器上双击创建的 .SVG 文件时,可以在 Chrome 和 IE9 中打开它,但是当放在 MVC 应用程序上时,它只能在 Chrome 上打开。这是代码:

HTML:

<div id="svgbox" style="border: 1px solid black">
    @Html.Raw(Model.SVGData)
</div>

以及获取 SVG 数据的控制器:

viewmodel.SVGData = System.IO.File.ReadAllText(svgFileName);

我的 ViewModel 有:

public string SVGData { get; set; }

我的 _shared 视图有:

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=9"/>

关于如何在 IE9 中进行这项工作的任何想法?

路。

[编辑]

我已经构建了一个简单的代码来检查这个错误。所以我有以下Index.html:

@model TestSVGIE9.ViewModel.TestViewModel

<h2>File: @Model.SVGFileName </h2>

@Html.Raw(Model.SVGData)

控制器:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using TestSVGIE9.ViewModel;

namespace TestSVGIE9.Controllers
{
    public class HomeController : Controller
    {
        //
        // GET: /Home/

        public ActionResult Index()
        {
            TestViewModel viewModel = new TestViewModel();

            string path = System.Web.HttpContext.Current.Server.MapPath("~/Content/");
            string SVGFileName = path + "Test.svg";

            viewModel.SVGFileName = SVGFileName;
            viewModel.SVGData = System.IO.File.ReadAllText(SVGFileName);

            return View(viewModel);
        }

    }
}

视图模型:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace TestSVGIE9.ViewModel
{
    public class TestViewModel
    {
        public string SVGFileName { get; set; }
        public string SVGData { get; set; }
    }
}

还有 SVG 文件(简单的红色圆圈,这次使用 InkScape 创建):

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="744.09448819"
   height="1052.3622047"
   id="svg2"
   version="1.1"
   inkscape:version="0.48.4 r9939"
   sodipodi:docname="New document 1">
  <defs
     id="defs4" />
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="0.35"
     inkscape:cx="375"
     inkscape:cy="520"
     inkscape:document-units="px"
     inkscape:current-layer="layer1"
     showgrid="false"
     inkscape:window-width="1366"
     inkscape:window-height="706"
     inkscape:window-x="-8"
     inkscape:window-y="-8"
     inkscape:window-maximized="1" />
  <metadata
     id="metadata7">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Layer 1"
     inkscape:groupmode="layer"
     id="layer1">
    <path
       sodipodi:type="arc"
       style="fill:#ff0000;fill-opacity:1;stroke:none"
       id="path2985"
       sodipodi:cx="312.85715"
       sodipodi:cy="289.50504"
       sodipodi:rx="104.28571"
       sodipodi:ry="91.428574"
       d="m 417.14286,289.50504 a 104.28571,91.428574 0 1 1 -208.57143,0 104.28571,91.428574 0 1 1 208.57143,0 z" />
  </g>
</svg>

在 Chrome 上工作(在索引页面上显示 SVG)。不能在 IE9 上运行...

帮助表示赞赏...

4

1 回答 1

0

SVG内容的内容类型不应该不同吗?目前您有:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

对于 SVG 内容,我认为你需要这个:

<meta http-equiv="Content-Type" content="application/xhtml+html; charset=utf-8"/>
于 2013-11-11T16:19:23.177 回答