假設我們有兩個 div，一個內部 div，另一個外部 div。

內部 div 負責縮放和平移（使用 CSS 變換、平移和縮放完成）。

現在可以透過拖放將新的 div 新增到內部 div 中。放置事件被outerdiv

現在，在放置事件期間，您可以獲得 clientX、clientY 位置，現在使用它來找到相對於內部 div 的正確放置位置。

這是一個可能的解決方案（但縮放時最終位置有偏移）

handleDrop = (e) => {

  const canvasContainerRect = outerDivBoundingRect()
  // const canvasRect = innerDivBoundingRect()

  let finalPosition = { 
            x: (e.clientX - canvasContainerRect.left  - translateX) / zoom,
            y: (e.clientY - canvasContainerRect.top - translateY) / zoom,
        }

  console.log("final: ", finalPosition)
}