如何在D3中计算矩形之间的距离？

// 创建SVG画布
var svg = d3.select("body")
  .append("svg")
  .attr("width", 500)
  .attr("height", 500);

// 创建两个矩形
var rect1 = svg.append("rect")
  .attr("x", 100)
  .attr("y", 100)
  .attr("width", 50)
  .attr("height", 50)
  .attr("fill", "blue");

var rect2 = svg.append("rect")
  .attr("x", 200)
  .attr("y", 200)
  .attr("width", 50)
  .attr("height", 50)
  .attr("fill", "red");

// 计算矩形之间的距离
var x1 = parseInt(rect1.attr("x")) + parseInt(rect1.attr("width")) / 2;
var y1 = parseInt(rect1.attr("y")) + parseInt(rect1.attr("height")) / 2;
var x2 = parseInt(rect2.attr("x")) + parseInt(rect2.attr("width")) / 2;
var y2 = parseInt(rect2.attr("y")) + parseInt(rect2.attr("height")) / 2;
var distance = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));

// 显示距离
svg.append("text")
  .attr("x", 250)
  .attr("y", 250)
  .text("Distance: " + distance);