如何在不使用d3.behavior.zoom()的情况下手动放大d3.js中的某个点？

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

// 创建线性比例尺
var scale = d3.scale.linear()
  .domain([0, 100]) // 原始数据范围
  .range([0, 500]); // 放大后的范围

// 绘制图形
svg.append("circle")
  .attr("cx", scale(50)) // 根据比例尺计算放大后的坐标
  .attr("cy", scale(50))
  .attr("r", 10)
  .attr("fill", "red");

// 监听鼠标滚轮事件
svg.on("wheel", function() {
  var delta = d3.event.deltaY; // 获取滚动方向
  var scaleExtent = [0.5, 2]; // 缩放比例范围
  var currentScale = scale.domain(); // 当前的缩放比例

  // 根据滚动方向调整缩放比例
  if (delta > 0) {
    currentScale[1] *= 0.9; // 缩小
  } else {
    currentScale[1] *= 1.1; // 放大
  }

  // 限制缩放比例在范围内
  currentScale[1] = Math.max(scaleExtent[0], Math.min(scaleExtent[1], currentScale[1]));

  // 更新比例尺
  scale.domain(currentScale);

  // 重新绘制图形
  svg.select("circle")
    .attr("cx", scale(50))
    .attr("cy", scale(50))
    .attr("r", 10);
});