我在 Google Apps 腳本中使用 heatmap.js，我正在嘗試調整熱圖畫布的大?。ㄎ铱梢栽谄渲袑嶋H繪制點）以適合圖像。如何更改 javascript 或樣式以使其正常工作？代碼：https ://jsfiddle.net/nateomardavis/51h2guL9/有wrapper黑色邊框。熱圖div有藍色邊框。有canvas一個紅色邊框。它應該如何工作：我應該能夠在圖像上的任何位置標記熱圖。包裝器、熱圖 div 和畫布都應根據圖像的大小調整大小。目前如何工作：我只能在藍/黑邊框內標記熱圖。我的 javascript 調整畫布大小以適應圖像，但不調整熱圖的邊界。我嘗試過的內容：您可以在小提琴中看到我是如何嘗試更改 javascript 調整大小的（第 88-90 行）。我還考慮過使用圖像作為div 的大小，但大小background-image不是heatmap正確，我希望能夠將熱圖和圖像保存為一層（用于打印/保存）。我還嘗試更改圖像的大?。ǖ?101 行），但任何超過 55% 的東西都會切斷圖像。下面的屏幕截圖僅供參考，但完整的工作代碼在小提琴中。我把它全部放在 HTML 下，因為這就是它在 Google Apps 腳本中的工作方式。