我正在測(cè)試 HTML標(biāo)簽以在我的網(wǎng)站內(nèi)為Games4Change<canvas></canvas>創(chuàng)建一個(gè)香草 JavaScript 游戲。當(dāng)我使用 測(cè)試畫(huà)布的寬度和高度時(shí)ctx.fillRect(955, 0, 5, 5);，我想知道如何使用 來(lái)檢測(cè) JavaScript 形狀console.log();，因?yàn)樗鼈兊墓P劃/邊框溢出或超出 HTML<canvas></canvas>邊框的范圍。此外，我想知道如何讓 JavaScript 檢測(cè)圖像及其邊界溢出 HTML<canvas></canvas>邊框，console.log();因?yàn)槲覍⑶袚Q到我的游戲的圖像而不是形狀。另外，如何使用 Javascript 檢測(cè)鼠標(biāo)光標(biāo)是否超出 HTML<canvas></canvas>邊框console.log();？HTML<canvas class="center" id="gameCanvas"></canvas>CSS#gameCanvas {    width: 960px;    height: 480px;    border: 5px solid rgba(52,52,52,1.00);/**    background-color: rgba(241,213,179,1.00);**/}香草 JavaScript//Gets the html canvas that displays the game and allows art/rendering of the game in 2 dimensional plane.let canvas = document.getElementById("gameCanvas");let ctx = canvas.getContext("2d");// Determine the size the canvas is being displayed   var width = canvas.clientWidth;   var height = canvas.clientHeight;console.log(canvas.clientWidth);console.log(canvas.clientHeight);//Clears all content everytime the game is reloaded by frame of the rectangular screen.ctx.clearRect(0, 0, 960, 480);ctx.fillStyle = "#FF0000";ctx.fillRect(955, 0, 5, 5);