Question

我正在制作HTML5 Canvas游戏，当我将鼠标悬停在它上面时，我会有一个矩形，但它似乎并没有这样做。这是它扩展的代码：

function animate() {
    requestAnimationFrame(animate)
    c.clearRect(0, 0, canvas.width, canvas.height)

    for (var i = 0; i < objects.length; i++) {
        object = objects[i]
        object.update()
    }

    if (mouse.x >= 1280 && mouse.x <= 1210) {
        if (mouse.y >= 270 && mouse.y <= 200) {
            calendarHover = true
        } else {
            calendarHover = false
        }
    } else if (calendar.width != 70 || calendar.height != 70) {
        calendar.width--
        calendar.height--
    }

    if (calendarHover == true) {
        calendar.width++
        calendar.height++
    }
}

这是我在codepen上的完整代码，如果有帮助：code

Answer 1

我明白了，所以如果你遇到同样的问题，这会帮助你。这是一个简单的逻辑错误，您只需将值切换为大于和小于条件。成功：

if (mouse.x >= 1210 && mouse.x <= 1280)

和

if (mouse.y >= 200 && mouse.y <= 270)

为什么画布矩形不会扩展？

1 个答案: