JSXGraph 如何添加悬停效果?

How does JSXGraph add hover effect?

大家好!我是新手jsxgraph,我想知道JSXGraph是如何为很多元素添加所有的悬停效果的?因为我找不到任何 class 更改或鼠标悬停事件,例如函数图([=11= 中的路径元素],悬停时变为灰色的滑块基线...),我没有在src文件夹中找不到我想要的...

还有那些效果怎么改?这些与 highlightCssStyle 有关吗?

感谢您阅读我的问题:)

JSXGraph 实现了自己的悬停算法。为此,所有元素都带有方法 hasPoint(x, y),其中 [x,y] 是鼠标/笔/手指位置的像素坐标。 JSXGraph 不使用 SVG 中的悬停事件,因为如果指针设备靠近元素(例如在触摸屏上),我们也会启用突出显示,请参阅属性 precision.

高亮的外观可以通过以下属性控制:

  • 高亮描边宽度
  • 高亮描边颜色
  • 高亮描边不透明度
  • 高亮填充颜色
  • 高亮填充不透明度
  • 高亮显示CSSClass:文字/图片
  • highlightCssDefaultStyle: 文本
  • highlightCssStyle: 文本

此外,还有属性transitionDuration控制从默认外观到突出显示再返回的时间间隔(以毫秒为单位)。

您可以全局更改属性:

  • JXG.Options.line.highlightStrokeWidth = 5;

或每个元素: var li = board.create('line', [...], {highlightStrokeWidth: 5});

此外,您可以在 jsxgraph.css

中找到图像和文本的默认 CSS 样式