Question

我有一个带有jsp页面的项目，在tomcat6服务器上包含一些测试SVG。它在Firefox，IE10中运行良好。但是在IE9中，SVG没有显示出来。有趣的是，当我创建SAME页面为html并只用IE9打开它（没有涉及tomcat）它工作正常。

我的网络应用中的代码：

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
</head>
<body>
    <h1>Hello World!</h1>
    <svg id='svg2' width='500' height='500'>
        <rect x="10" y="10" height="300" width="300" style="fill: #000000" id="bot" />
    </svg>
</body>
</html>

在IE9 / Firefox中锁定源代码时会显示：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSP Page</title>
</head>
<body>
    <h1>Hello World!</h1>
    <svg id='svg2' width='500' height='500'>
       <rect x="10" y="10" height="300" width="300" style="fill: #000000" id="bot" />
    </svg>
</body>
</html>

当我在html文件中复制此源代码并使用IE9打开它时，svg会正确显示。

任何人都可以告诉我如何在IE9中使用tomcat进行SVG工作吗？

由于

修改

解决方案是在标题中添加以下元标记：

<meta http-equiv="X-UA-Compatible" content="IE=9" />

感谢。

Answer 1

您需要使用application/xhtml+xml的内容类型来说服符合标准的浏览器呈现SVG。

参考：http://philarcher.org/diary/svgtest/

tomcat6上的webapp中的SVG无法在IE9中运行

1 个答案: