关于javascript:G6踩坑之渲染页面保持上次的画布的大小以及位置

61次阅读

共计 423 个字符,预计需要花费 2 分钟才能阅读完成。

一、放弃缩放比例

// 在拉取新数据从新渲染页面之前先获取以后缩放比例
const zoom = graph.getZoom();

// 此处获取数据
await getData()

// 缩放至之前的比例
graph.zoomTo(zoom);

二、放弃画布地位
原理:记录初始地位和开端地位的绝对间隔,在从新渲染介绍之后挪动对应的间隔即可

// 在拉取新数据从新渲染页面之前先获取点(0,0)在画布上的地位
const lastPoint = graph.getCanvasByPoint(0, 0);

// 此处获取数据。。。await getData()

// 获取从新渲染之后点(0,0)在画布的地位
const newPoint = graph.getCanvasByPoint(0, 0);

// 挪动画布绝对位移
graph.translate(lastPoint.x - newPoint.x, lastPoint.y - newPoint.y);

三、放弃缩放比例和画布地位
在一起应用时留神,先缩放后挪动地位

正文完
 0