【问题标题】:D3 v4 Get translate values of an element [duplicate]D3 v4获取元素的翻译值[重复]
【发布时间】:2016-12-09 17:21:31
【问题描述】:

当我在一个元素上运行 d3.select(this).attr("transform") 时,我得到一个响应 translate(20.00,778)。但是,我需要获取 translate 的各个值。

在 v3 中,可以使用

var t = d3.transform(element.attr("transform"));
t.translate;

但是,d3.transform 在 v4 中不可用。如何达到同等效果?

【问题讨论】:

标签: javascript d3.js


【解决方案1】:

试试这个。

string = element.attr("transform");

translate = string.substring(string.indexOf("(")+1, string.indexOf(")")).split(",");

然后你可以通过 translate[0] 访问 dx,通过 translate[1] 访问 dy。

【讨论】:

  • 虽然使用D3功能会很干净,但这暂时有帮助
  • 这在 Edge 中不起作用,因为 edge 确实使用空格分隔参数,例如 translate(10 20) 而不是像 chrome 和 firefox 那样的 translate(10,20)。
猜你喜欢
  • 2019-05-05
  • 1970-01-01
  • 1970-01-01
  • 2019-05-27
  • 2012-01-31
  • 1970-01-01
  • 2012-10-20
  • 2020-07-28
  • 1970-01-01
相关资源
最近更新 更多