在 FabricJS 中獲取選定對象的邊界框的大小

Question

我正在調整所有對象的整體大小，使 canvas 適合 canvas。 我已經可以調整大小了，但問題是我需要獲取選定對象的邊界框的大小來確定調整大小過程中的比例。

圖片顯示我選擇了 2 個對象。 現在我想獲得包含 2 個對象的框的高度和寬度，以便我可以調整它的大小以適合 canvas。 我該怎么做呢？ 太感謝了。

Answer 1

選擇創建的事件是您正在尋找的。

canvas.on('selection:created', (e) => {
  let group = e.target;

  let height = group.height;
  let width = group.width;

  console.log(height, width);
}