悬停时的文字效果

Text effects on hover

我正在尝试在处理过程中创建鼠标悬停(或悬停)的简单效果。我只能在形状上实现这种效果,例如矩形、椭圆形等,但我不知道如何在文本对象上实现。

例如检测圆圈上的鼠标悬停:

if (sqrt(sq(x - mouseX) + sq(y - mouseX)) < diameter/2 ) {
    return true;
} else {
    return false;
}

效果将与更改文本颜色一样简单,以指示鼠标悬停在文本上。

感谢任何帮助,谢谢!

使用 边界框,它只是一个 "drawn" 围绕文本的矩形。 (该矩形通常不会实际绘制,调试除外。)

您可以使用 textWidth() 函数及其朋友获取文本的边界框,您可以在 the reference 中阅读有关内容。

然后,当您拥有该边界框时,您可以对已有的矩形使用碰撞检测代码。

以后,请尝试 post MCVE 而不是 post 断开连接的代码段。