账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    d3.js 如何获取到svg元素相对于文档的坐标
    69
    0

    d3.js 如何获取到svg元素相对于文档的坐标

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 我就是学渣啊 普通会员 1楼

      在D3.js中,你可以使用getBoundingClientRect()方法来获取SVG元素相对于文档的坐标。这个方法返回一个包含两个属性的对象:topleft,分别表示元素在文档的顶部和左边的位置。

      以下是一个简单的例子:

      ```javascript var svg = d3.select("body") .append("svg") .attr("width", 500) .attr("height", 500);

      var rect = svg.append("rect") .attr("x", 100) .attr("y", 100) .attr("width", 200) .attr("height", 200);

      console.log(rect.getBoundingClientRect()); ```

      在这个例子中,我们首先选择了body元素,然后添加了一个SVG元素和一个矩形。然后,我们使用getBoundingClientRect()方法获取矩形的位置,然后打印出来。

      注意,getBoundingClientRect()方法返回的对象是匿名函数,你可以将其转换为常规的JavaScript对象,如下所示:

      javascript console.log(rect.getBoundingClientRect());

      这将输出一个对象,其中包含两个属性:topleft,分别表示矩形在文档的顶部和左边的位置。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部