为什么获胜't我的javascript返回我想要的值

Why won't my javascript return the values i want?

本文关键字：返回 javascript 我想要 我的 获胜 为什么      更新时间：2023-09-26

我正在尝试使用一个函数在画布上绘制一个矩形。这样做的第一步是找到单击鼠标的点。这是我正在使用的代码：

wbtCanvas = document.getElementById("wbtCanvas");
function relMouseCoords(event){
  var totalOffsetX = 0; //coordinates of corner of canvas
  var totalOffsetY = 0;
  var canvasX = 0;
  var canvasY = 0;
  var wbtCanvas = this; //what called the event
  do{
      totalOffsetX += wbtCanvas.offsetLeft - wbtCanvas.scrollLeft; //relative coordinates
      totalOffsetY += wbtCanvas.offsetTop - wbtCanvas.scrollTop;
  }
  while(wbtCanvas = wbtCanvas.offsetParent)
  canvasX = event.pageX - totalOffsetX;
  canvasY = event.pageY - totalOffsetY;
  point = {x:canvasX, y:canvasY};
  console.log("{" + point.x + ", " + point.y + "}");
  return point; //object returned
}
function drawRectangle(){
  x = relMouseCoords.x;
  y = relMouseCoords.y;
  console.log(x + " " + y);
}

当我在控制台中调用drawRectangle（）函数，确保我的鼠标指针在画布上时，它会给出以下响应：

"undefined undefined"

relMouseCoords是一个函数，您必须调用它并使用返回值：

function drawRectangle() {
    var coords = relMouseCoords();
    console.log (coords.x + " " + coords.y);
}

首先，您需要调用relMouseCoords函数。

相关文章：