JSXGraph如何增加悬停效果？

Question

所有人！我是jsxgraph的新手，我想知道JSXGraph是如何在许多元素中添加所有悬停效果的？因为我在函数图( svg中的路径元素，在悬停时变成灰色的滑块基线)上找不到任何类更改或鼠标切换事件，所以我没有在src文件夹中找到我想要的.

另外，如何改变这些影响？这与highlightCssStyle有关吗？

(谢谢你阅读我的问题：)

Answer 1

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

突出显示的外观可以由以下属性控制：

• highlightStrokeWidth
• highlightStrokeColor
• highlightStrokeOpacity
• highlightFillColor
• highlightFillOpacity
• highlightCSSClass:文本/ image
• highlightCssDefaultStyle: text
• highlightCssStyle:文本

此外，还有属性transitionDuration，它控制从默认外观到突出显示和回显转换的时间间隔(以msec为单位)。

您可以全局地更改属性：

• JXG.Options.line.highlightStrokeWidth = 5;

或每个元素: var li = board.create('line'，.，{highlightStrokeWidth: 5})；

此外，您可以在jsxgraph.css中找到图像和文本的默认CSS样式。