判断是不是充满

ref拿整个div的宽度 然后通过worldBoxBounds拿到当前宽度 判断div的宽度是不是小于worldBoxBounds里面的宽度 如果是就充满

zoom过渡

后面准备增加一下，ps：25-01-23。

如何实现 缩放画布始终居中

// 监听
app.tree.on(ZoomEvent.END, function (e: ZoomEvent) {
  // 如果外面的宽度大于当前这个组件的宽度才居中
  if (width > app.tree.children[0].worldBoxBounds.width) {
    // 居中逻辑
    app.tree.zoom('fit', 0, true)
  }
})

其中：

  • boxBounds 元素在 内部坐标系 中的基础边界（OBB 包围盒）
  • renderBounds 元素在 内部坐标系 中的渲染边界（AABB 包围盒）
  • worldBoxBounds 元素在 世界坐标系 中的基础边界（AABB 包围盒）
  • worldRenderBounds 元素在 世界坐标系 中的渲染边界（AABB 包围盒）