【问题标题】:Text effects on hover悬停时的文字效果
【发布时间】:2018-01-10 00:00:39
【问题描述】:

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

例如检测鼠标悬停在一个圆圈上:

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

效果就像更改文本颜色以指示鼠标在文本上一样简单。

感谢任何帮助,谢谢!

【问题讨论】:

    标签: text hover processing mouseover


    【解决方案1】:

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

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

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

    以后,请尝试发MCVE,而不是发断开连接的sn-p。

    【讨论】:

      猜你喜欢
      • 2012-10-28
      • 2015-06-19
      • 1970-01-01
      • 2023-04-04
      • 2017-10-25
      • 1970-01-01
      • 1970-01-01
      • 2021-11-12
      • 2018-09-17
      相关资源
      最近更新 更多