Tutorial: 获取元素信息

获取元素信息

getElementById

该接口可获取元素信息，通常配合元素选中事件使用。

接口文档

使用示例：

// 监听元素选中事件
let selectedElementId = '';
teduBoard.on(TEduBoard.EVENT.TEB_SELECTED_ELEMENTS, (data) => {
  this.selectElements = data;
  if (this.selectElements.length) {
    const boxArea = {
      minX: Infinity,
      minY: Infinity,
      maxX: -Infinity,
      maxY: -Infinity,
    };
    // 算最大选中元素区域
    this.selectElements.forEach((element) => {
      boxArea.minX = Math.min(boxArea.minX, element.boundingbox.left);
      boxArea.maxX = Math.max(boxArea.maxX, element.boundingbox.left + element.boundingbox.width);
      boxArea.minY = Math.min(boxArea.minY, element.boundingbox.top);
      boxArea.maxY = Math.max(boxArea.maxY, element.boundingbox.top + element.boundingbox.height);
    });
    selectedElementId = this.selectElements[0];
  }
});

// 获取元素信息
const element = teduBoard.getElementById(selectedElementId);