在下面的代碼中，我在中心畫了一個圓，但是因為它是縮放的，所以這個圓在右下角！var canvas = document.getElementById('mycanvas');context = canvas.getContext("2d");context.canvas.width = 400;context.canvas.height = 200;context.clearRect(0, 0, context.canvas.width, context.canvas.height); // Clears the canvasvar scale = 2;context.scale(scale, scale);context.beginPath();context.fillStyle = "#ff2626"; // Red colorcontext.arc(context.canvas.width / 2, context.canvas.height / 2, 10, 0, Math.PI * 2); //centercontext.fill();context.closePath();canvas { border: solid 1px #ccc;}<HTML><body><canvas id="mycanvas"></canvas></body></HTML>您可能知道，畫布的寬度和高度與在其中繪制的內容無關，尤其是在縮放時。換句話說，當您使用context.scale(scale_x, scale_y);它縮放畫布時，它將縮放畫布內的所有形狀。我想知道，有沒有辦法獲得畫布像素范圍？我想知道縮放畫布時左邊緣和右邊緣的 X 以及頂部和底部邊緣的 Y。
如何在縮放畫布中獲取像素范圍？
開滿天機
2021-10-21 15:02:28
