d3.js绘制的树图可无限延展的子节点保存为图片

要将d3.js绘制的树图保存为图片，可以使用html2canvas库将整个树图转换为canvas元素，然后使用canvas.toDataURL()将canvas转换为base64编码的图像数据。最后可以将图像数据发送到服务器或下载到本地。

以下是一个示例代码：

// 创建树图
var tree = d3.tree()
  .size([width, height]);

var root = d3.hierarchy(data);

root.x0 = height / 2;
root.y0 = 0;

root.descendants().forEach(function(d, i) {
  d.id = i;
  d._children = d.children;
  if (d.depth && d.data.name.length !== 7) d.children = null;
});

var svg = d3.select("svg")
  .attr("width", width + margin.left + margin.right)
  .attr("height", height + margin.top + margin.bottom)
  .append("g")
  .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

update(root);

// 将树图转换为canvas元素
var svgElement = document.querySelector('svg');
var canvasElement = document.createElement('canvas');
canvasElement.width = width;
canvasElement.height = height;
var canvas = canvasElement.getContext('2d');
canvas.fillStyle = '#ffffff'; // 设置背景色为白色
canvas.fillRect(0, 0, width, height);
canvas.drawSvg(svgElement, 0, 0);

// 将canvas转换为图像数据
var imgData = canvasElement.toDataURL();

// 将图像数据发送到服务器或下载到本地
// ...

需要注意的是，如果树图比较大，转换为canvas可能会耗费较长时间，因此可以考虑在转换过程中显示一个加载动画。