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

一、放弃缩放比例

//在拉取新数据从新渲染页面之前先获取以后缩放比例
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);

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理