<use/>_MyEclipse2013_Chrome49

1、

MyEclipse2013 中的 jsp的代码 类似：

<%@page import="java.net.URLDecoder"%>
<%@ page language="java" import="java.util.*, svgEdit.*, svgOper.*" pageEncoding="utf-8" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>

<html>
  <head>
    <base href="<%=basePath%>">

    <title>My JSP 'MyJsp01.jsp' starting page</title>
    
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->

  </head>
  
  
  <script type="text/javascript">

  </script>
  
  <body>
    
    <div id="divSvg">

    <svg version="1.1" width="5650" height="2850" viewBox="0 0 5650 2850" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:cge="http://iec.ch/TC57/2005/SVG-schema#" xmlns:hzsvg="http://holleygrid.cn/svg"><style type="text/css"/>
    
        <defs>
        <symbol id="LoadBreakSwitch_33" viewBox="0.0000 0.0000 4.0000 8.0000"><polyline stroke="rgb(0, 128, 0)" stroke-width="0.133333333333333" fill="rgb(0, 128, 0)" points="0.9943, 2.5039 0.9943, 5.4879 2.9825, 5.4879 2.9825, 2.5039 0.9943, 2.5039"/><polyline stroke="rgb(0, 128, 0)" stroke-width="0.133333333333333" fill="none" points="2.0000, 1.0000 2.0000, 0.0000"/><polyline stroke="rgb(0, 128, 0)" stroke-width="0.133333333333333" fill="none" points="2.0000, 7.0000 2.0000, 8.0000"/><polyline stroke="rgb(0, 128, 0)" stroke-width="0.133333333333333" fill="none" points="0.0000, 1.0000 0.0000, 7.0000 4.0000, 7.0000 4.0000, 1.0000 0.0000, 1.0000"/></symbol>
        </defs>
        
        <use xlink:href="#LoadBreakSwitch_33" x="100" y="100" width="50" height="100" visibility="visible"></use>
        
    </svg>
    </div>
    
  </body>
</html>

 

2、

在 "Chrome 版本 49.0.2623.87 m" 中，<use/>显示不出来 ! ! ! ie9 中可以显示出来 ! ! !

 

3、

于是各种搜索 无果...

 

4、

然后，尝试 在 MyEclipse2013 中新建了一个 html5的html，将 <svg/>的内容 复制进入，可以显示 ! ! !

于是，尝试注释各个 html语句，在 注释掉了 <base/> 之后，<use/>出现了...

 

5、

<base/> 会影响到 "Chrome 版本 49.0.2623.87 m"中 内联(inline)的<svg/>中图形的显示？？？ 不明所以...

 

6、

搞了这么长时间，居然是这个问题...只想说 wtf ...

 

7、

 

posted @ 2016-03-22 08:47  Html5Skill  阅读(256)  评论(0)  编辑  收藏  举报