Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
L-Y.
driver.js
提交
5829a936
D
driver.js
项目概览
L-Y.
/
driver.js
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
driver.js
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
GitCode(gitcode.net)2024年7月9日维护升级公告
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
5829a936
编写于
3月 04, 2018
作者:
K
Kamran Ahmed
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Minor update
上级
22c7264a
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
15 addition
and
11 deletion
+15
-11
assets/scripts/src/overlay.js
assets/scripts/src/overlay.js
+10
-7
assets/scripts/src/sholo.js
assets/scripts/src/sholo.js
+3
-3
index.html
index.html
+2
-1
未找到文件。
assets/scripts/src/overlay.js
浏览文件 @
5829a936
...
...
@@ -7,8 +7,10 @@ import Position from './position';
export
default
class
Overlay
{
constructor
({
alpha
=
0.75
})
{
this
.
alpha
=
alpha
;
this
.
selectedPosition
=
new
Position
({});
this
.
lastSelectedPosition
=
new
Position
({});
this
.
window
=
window
;
this
.
selected
=
new
Position
({});
this
.
prepareContext
();
this
.
setSize
();
...
...
@@ -30,7 +32,7 @@ export default class Overlay {
}
// Highlights the dom element on the screen
high
g
light
(
element
)
{
highlight
(
element
)
{
if
(
!
element
)
{
// @todo - clearing the overlay
return
;
...
...
@@ -42,21 +44,22 @@ export default class Overlay {
return
;
}
this
.
selected
=
position
;
this
.
selected
Position
=
position
;
this
.
draw
();
}
draw
()
{
// Reset the overlay
this
.
context
.
clearRect
(
0
,
0
,
this
.
overlay
.
width
,
this
.
overlay
.
height
);
this
.
context
.
fillStyle
=
`rgba( 0, 0, 0,
${
this
.
alpha
}
)`
;
this
.
context
.
fillRect
(
0
,
0
,
this
.
overlay
.
width
,
this
.
overlay
.
height
);
// Cut out the cleared region
this
.
context
.
clearRect
(
this
.
selected
.
left
-
window
.
scrollX
,
this
.
selected
.
top
-
window
.
scrollY
,
(
this
.
selected
.
right
-
this
.
selected
.
left
),
(
this
.
selected
.
bottom
-
this
.
selected
.
top
),
this
.
selected
Position
.
left
-
window
.
scrollX
,
this
.
selected
Position
.
top
-
window
.
scrollY
,
(
this
.
selected
Position
.
right
-
this
.
selectedPosition
.
left
),
(
this
.
selected
Position
.
bottom
-
this
.
selectedPosition
.
top
),
);
// Append the overlay if not there already
...
...
assets/scripts/src/sholo.js
浏览文件 @
5829a936
...
...
@@ -6,8 +6,8 @@ import Element from './element';
* Plugin class that drives the plugin
*/
export
default
class
Sholo
{
constructor
({
alpha
=
0.75
}
=
{})
{
this
.
overlay
=
new
Overlay
({
alpha
});
constructor
({
opacity
=
0.75
}
=
{})
{
this
.
overlay
=
new
Overlay
({
opacity
});
}
highlight
(
selector
)
{
...
...
@@ -22,6 +22,6 @@ export default class Sholo {
}
const
element
=
new
Element
(
domElement
);
this
.
overlay
.
high
g
light
(
element
);
this
.
overlay
.
highlight
(
element
);
}
}
index.html
浏览文件 @
5829a936
...
...
@@ -47,6 +47,7 @@
const
nodesToSelect
=
[
'
.section__header
'
,
'
.section__how
'
,
'
.section__examples
'
];
const
sholo
=
new
Sholo
();
...
...
@@ -54,7 +55,7 @@
nodesToSelect
.
forEach
((
nodeToSelect
,
index
)
=>
{
window
.
setTimeout
(()
=>
{
sholo
.
highlight
(
nodeToSelect
);
},
index
*
1
000
);
},
index
*
5
000
);
});
</script>
</body>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录