首页 > 编程语言> > JavaScript-Chrome不会调整SVG图片的大小

JavaScript-Chrome不会调整SVG图片的大小

2019-12-09 01:35:57 作者：互联网

我想读入SVG文件,确定其宽度和高度以便缩放.目前,我的代码如下所示：

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style type="text/css" media="all">@import "style/style.css";</style>
  <meta name="svg.render.forceflash" content="false" />
  <script src="svg.js" data-path="svgweb/src/"></script>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js">   </script>
  <script type="text/javascript">
    $(window).load(function() {
      function loadContent(){
        /*  SVG  */
        var svg = document.getElementById('myimage')

        /*  Adapt size of SVG */
        try {
      SVGDoc = svg.contentDocument;
    } catch (Err) {
      SVGDoc = svg.getSVGDocument;
        }
        var root = SVGDoc.documentElement;
        if (root.attributes['width'] != null) {
        var width = root.attributes['width'].nodeValue;
        width = width.substring(0, width.length - 2);
        width = (width * 1.25);
        var height = root.attributes['height'].nodeValue;
        height = height.substring(0, height.length - 2);
        height = (height * 1.25);
        svg.width = width;
        svg.height = height;
      }
</script>
</head>
<body>
  <div id="map">
    <!--[if IE]>
    <object id="myimage" src="images/myimage.svg" classid="image/svg+xml">
    <![endif]-->
    <!--[if !IE]>-->
    <object id="myimage" data="images/myimage.svg" type="image/svg+xml">
    <!--<![endif]-->
    </object>
  </div>
</body>
</html>

这段代码在Firefox中可以正常工作(尽管可以在很短的时间内看到调整大小).但是,Chrome中的开发者工具na：未捕获到类型错误：无法读取“ var root = SVGDoc.documentElement;”行的undefined属性’documentElement’.此外,Chrome不会调整图像大小.

我找不到适用于这两种浏览器的解决方案.

解决方法:

首先,getSVGDocument()是一种方法,而不是属性.您必须调用它：

SVGDoc = svg.getSVGDocument();

其次,SVGDoc本身应在以下位置声明：

var SVGDoc;

第三,Chrome的same origin policy does not like的文件：协议.您必须提供SVG图片,而不是从本地文件中读取它们.

标签：firefox,svg,google-chrome,javascript
来源： https://codeday.me/bug/20191209/2095618.html