我被要求在使用畫布的 html5 制作的游戲中獲取鼠標坐標。作為第一個測試，嘗試使用以下函數讀取鼠標位置。但是這個函數只在考慮畫布尺寸的情況下讀取鼠標位置。發生的情況是游戲的舞臺比畫布更大，并且此功能無法顯示角色在舞臺上的真實位置。我正在搜索并注意到畫布“后面”存在于已建立像素尺寸的地圖（.png）上。畫布像相機一樣工作，可以看到地圖的一部分。是否可以調整我的函數來讀取地圖的尺寸，然后定位玩家的實際坐標？        var canvas = document.querySelector('canvas');        var ctx = canvas.getContext("2d");        canvas.addEventListener("click", function(e) {             var cRect = canvas.getBoundingClientRect();            var scaleX = canvas.width / cRect.width;            var scaleY = canvas.height / cRect.height;            var canvasX = Math.round((e.clientX - cRect.left) * scaleX);            var canvasY = Math.round((e.clientY - cRect.top) * scaleY);            console.log("X: "+canvasX+", Y: "+canvasY);        });  這個函數只會根據畫布的大小給我鼠標的位置，但地圖更大，我在這里留下一個解釋性的圖像。