最近我一直在做一種交互式圖像，我需要繪制圖像并創建區域。

我注意到它們不會動態變化。我創建了一個簡單的代碼來動態改變坐標。我想聽聽你的想法，因為我找了很多，沒有找到任何相關的代碼。

const getArea = document.querySelectorAll("area");
const getimg = document.querySelector(".myImg");
getArea.forEach(function (area) {
  const scaleWidth = getimg.width / getimg.naturalWidth;
  const scaleHeight = getimg.height / getimg.naturalHeight;
  coords = area.coords.split(",");
  const x = coords[0];
  const y = coords[1];
  const width = coords[2];
  const height = coords[3];
  area.coords = `${x*scaleHeight},${y*scaleWidth},${width* scaleWidth},${height* scaleHeight}`;
});