我有一个d3力导向图,在该图上已实现了缩放功能。我的要求是保存当前的缩放属性(缩放和平移),并且在重新加载页面时,我必须使用保存的缩放属性来呈现图形。
重新加载页面时,我正在设置缩放比例并将其转换为以前保存的值。
this.zoom.scale(previous-scale)
.translate(previous-translate);
然后我得到比例并在图形上平移。
this.svgGraph.attr("transform", `translate(${previous-scale})scale(${previous-translate})`);
该图加载良好,缩放级别是最后一个。
现在的问题是,当我尝试放大或缩小时,当前鼠标位置上没有发生缩放操作,就像以前那样。
要设置缩放比例,我正在使用
this.svgGraph.attr("transform", `translate(${_event.translate})scale(${_event.scale})`);
有人知道原因吗?
Note: I am using d3 v3