如何在不重置D3选项的情况下，在缩放后重置zoom.transform？

// 创建一个SVG容器
const svg = d3.select("body").append("svg")
    .attr("width", 800)
    .attr("height", 600);

// 创建一个g元素作为缩放的容器
const g = svg.append("g");

// 添加一个矩形用于测试缩放
g.append("rect")
    .attr("width", 100)
    .attr("height", 100)
    .attr("fill", "steelblue");

// 创建一个缩放行为
const zoom = d3.zoom()
    .scaleExtent([0.5, 5])
    .on("zoom", zoomed);

// 应用缩放行为到SVG容器
svg.call(zoom);

// 缩放函数
function zoomed() {
    g.attr("transform", d3.event.transform);
}

// 保存当前的缩放状态
function saveZoomState() {
    const transform = d3.zoomTransform(svg.node());
    localStorage.setItem('zoomTransform', JSON.stringify(transform));
}

// 恢复之前保存的缩放状态
function restoreZoomState() {
    const transform = JSON.parse(localStorage.getItem('zoomTransform'));
    if (transform) {
        svg.call(zoom.transform, transform);
    }
}

// 示例：保存当前缩放状态
saveZoomState();

// 示例：恢复之前保存的缩放状态
restoreZoomState();