Question

我正在使用d3.js查找SVG元素的高度，其代码如下

<script>
    var body = d3.select("body");
    console.log(body);
    var svg = body.select("svg");
    console.log(svg);
    console.log(svg.style("height"));
</script>

<svg class="svg" height="3300" width="2550">
   <image x="0" y="0" height="3300" width="2550" xlink:href="1.jpg"></image>
   <rect class="word" id="15" x="118" y="259" width="182" height="28"
      text="Substitute"></rect>
</svg>

但是它返回了一个错误

未捕获的TypeError：无法调用方法＆＃39; getPropertyValue＆＃39;为null

Answer 1

您需要在js被提交后加载DOM。您可以将<script></script>放在<body></body>的底部，也可以将其放在以下javascript方法中。

    document.addEventListener("DOMContentLoaded", function(event) { 
          //your code here
     });

我如何使用d3js获得svg元素的高度

1 个答案: