如何解决JSXGraph 如何添加悬停效果?
大家!我是 jsxgraph
的新手,我想知道 JSXGraph 如何将所有悬停效果添加到许多元素?由于我找不到任何类更改或鼠标悬停事件,例如,函数图(svg
中的路径元素,悬停时变为灰色的滑块基线...),我没有找到什么我想在 src 文件夹中...
还有如何改变那些效果?这些与highlightCssstyle有关吗?
感谢您阅读我的问题:)
解决方法
JSXGraph 实现了自己的悬停算法。为此,所有元素都带有 hasPoint(x,y)
方法,其中 [x,y] 是以像素为单位的鼠标/笔/手指位置坐标。 JSXGraph 不使用来自 SVG 的悬停事件,因为如果指针设备靠近元素(例如在触摸屏上),我们也会启用突出显示,请参阅属性 precision
。
突出显示的外观可以通过以下属性控制:
- highlightStrokeWidth
- highlightStrokeColor
- highlightStrokeOpacity
- highlightFillColor
- highlightFillOpacity
- highlightCSSClass:文本/图像
- highlightCssDefaultStyle:文本
- highlightCssStyle:文本
此外,还有一个属性 transitionDuration
,它控制从默认外观到突出显示和返回的时间间隔(以毫秒为单位)。
您可以全局更改属性:
- JXG.Options.line.highlightStrokeWidth = 5;
或每个元素: var li = board.create('line',[...],{highlightStrokeWidth: 5});
此外,您可以在 jsxgraph.css 中找到图像和文本的默认 CSS 样式
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。