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 样式
大家好!我是新手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 样式