Antv/G6 画布自适应

mounted () {
    window.addEventListener('resize', this.handleResize)    
}
    // 画布尺寸适配
    handleResize () {
      if (!this.graph || this.graph.get('destroyed')) return
      let container = document.getElementById('container')
      let height = container.offsetHeight
      let width = container.offsetWidth
      if (!width || !height) return
      this.graph.changeSize(width, height) // 接受两个参数(改变的宽度,高度)
    },

在用户拖拽浏览器改变大小时,使用 graph.changeSize

 

参考文章:AntV G6 的坑之—— fitView 适配失败

 

posted @ 2023-02-27 19:32  rachelch  阅读(1514)  评论(0编辑  收藏  举报