v4 中的 D3 边界框

【问题标题】：D3 bounding box in v4v4 中的 D3 边界框
【发布时间】：2017-01-31 04:08:51
【问题描述】：

我们如何在 d3 版本 4 中做这样的事情： http://jsfiddle.net/d3wxP/1/ 因为某些翻译或比例不存在：

function move() {

var t = d3.event.translate, s = d3.event.scale;

t[0] = Math.max(0, Math.min(t[0], width - s*50)); t[1] = Math.max(0, Math.min(t[1], height - s*50));

svg.attr("transform", "translate(" + t + ")scale(" + d3.event.scale + ")"); }

【问题讨论】：

标签： d3.js zooming bounding-box panning

【解决方案1】：

您需要通过以下方式更改它：

function move() {
  var t = d3.event.transform,
      s = d3.event.transform.k;

  t.x = Math.max(0, Math.min(t.x, width - s*50));
  t.y = Math.max(0, Math.min(t.y, height - s*50));

  svg.attr("transform", t);
}

见http://jsfiddle.net/d3wxP/18/

相关文档：https://github.com/d3/d3-zoom#zoom-transforms（请注意，在某些时候它可能不向后兼容）。

【讨论】：