在缩放时保持元素的比例

Question

d3js库有一个名为zoom的内置行为，它在所选元素及其子元素中应用拖动和缩放。当你有一个很好的缩放比例时，很难保持比例和良好的可视化，例如，文字标签可以变得难以理解。

我正在尝试在缩放区域时找到忽略特定元素的方法，但我看不到实现此目的的方法。

在这种情况下，circle内有text和g。当我缩放一个简单的包布局时，我有以下行为，with the following code：

var zoom = d3.behavior.zoom()
  .translate([0, 0])
  .scale(1.0)
  .scaleExtent([0.1, 3])
  .on("zoom", function() {
    child.attr("transform", "translate(" + d3.event.translate +
    ")scale(" + d3.event.scale + ")");
  });

我需要阻止text被缩放，保持静止：

有没有办法实现这一点，或者需要重写缩放行为并重新应用滚动事件？