Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Overbill1683
Stable Diffusion Webui
提交
ed01d2ee
S
Stable Diffusion Webui
项目概览
Overbill1683
/
Stable Diffusion Webui
10 个月 前同步成功
通知
1747
Star
81
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
分析
仓库
DevOps
项目成员
Pages
S
Stable Diffusion Webui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Pages
分析
分析
仓库分析
DevOps
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
提交
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
ed01d2ee
编写于
8月 10, 2023
作者:
D
Danil Boldyrev
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
a another fix, a different approach
上级
4a64d340
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
21 addition
and
2 deletion
+21
-2
extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js
extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js
+21
-2
未找到文件。
extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js
浏览文件 @
ed01d2ee
...
@@ -12,6 +12,7 @@ onUiLoaded(async() => {
...
@@ -12,6 +12,7 @@ onUiLoaded(async() => {
"
Sketch
"
:
elementIDs
.
sketch
"
Sketch
"
:
elementIDs
.
sketch
};
};
// Helper functions
// Helper functions
// Get active tab
// Get active tab
function
getActiveTab
(
elements
,
all
=
false
)
{
function
getActiveTab
(
elements
,
all
=
false
)
{
...
@@ -657,17 +658,20 @@ onUiLoaded(async() => {
...
@@ -657,17 +658,20 @@ onUiLoaded(async() => {
// Simulation of the function to put a long image into the screen.
// Simulation of the function to put a long image into the screen.
// We detect if an image has a scroll bar or not, make a fullscreen to reveal the image, then reduce it to fit into the element.
// We detect if an image has a scroll bar or not, make a fullscreen to reveal the image, then reduce it to fit into the element.
// We hide the image and show it to the user when it is ready.
// We hide the image and show it to the user when it is ready.
function
autoExpand
(
e
)
{
targetElement
.
isExpanded
=
false
;
function
autoExpand
()
{
const
canvas
=
document
.
querySelector
(
`
${
elemId
}
canvas[key="interface"]`
);
const
canvas
=
document
.
querySelector
(
`
${
elemId
}
canvas[key="interface"]`
);
const
isMainTab
=
activeElement
===
elementIDs
.
inpaint
||
activeElement
===
elementIDs
.
inpaintSketch
||
activeElement
===
elementIDs
.
sketch
;
const
isMainTab
=
activeElement
===
elementIDs
.
inpaint
||
activeElement
===
elementIDs
.
inpaintSketch
||
activeElement
===
elementIDs
.
sketch
;
if
(
canvas
&&
isMainTab
)
{
if
(
canvas
&&
isMainTab
)
{
if
(
hasHorizontalScrollbar
(
targetElement
))
{
if
(
hasHorizontalScrollbar
(
targetElement
)
&&
targetElement
.
isExpanded
===
false
)
{
targetElement
.
style
.
visibility
=
"
hidden
"
;
targetElement
.
style
.
visibility
=
"
hidden
"
;
setTimeout
(()
=>
{
setTimeout
(()
=>
{
fitToScreen
();
fitToScreen
();
resetZoom
();
resetZoom
();
targetElement
.
style
.
visibility
=
"
visible
"
;
targetElement
.
style
.
visibility
=
"
visible
"
;
targetElement
.
isExpanded
=
true
;
},
10
);
},
10
);
}
}
}
}
...
@@ -675,9 +679,24 @@ onUiLoaded(async() => {
...
@@ -675,9 +679,24 @@ onUiLoaded(async() => {
targetElement
.
addEventListener
(
"
mousemove
"
,
getMousePosition
);
targetElement
.
addEventListener
(
"
mousemove
"
,
getMousePosition
);
//observers
// Creating an observer with a callback function to handle DOM changes
const
observer
=
new
MutationObserver
((
mutationsList
,
observer
)
=>
{
for
(
let
mutation
of
mutationsList
)
{
// If the style attribute of the canvas has changed, by observation it happens only when the picture changes
if
(
mutation
.
type
===
'
attributes
'
&&
mutation
.
attributeName
===
'
style
'
&&
mutation
.
target
.
tagName
.
toLowerCase
()
===
'
canvas
'
)
{
targetElement
.
isExpanded
=
false
;
setTimeout
(
resetZoom
,
10
);
}
}
});
// Apply auto expand if enabled
// Apply auto expand if enabled
if
(
hotkeysConfig
.
canvas_auto_expand
)
{
if
(
hotkeysConfig
.
canvas_auto_expand
)
{
targetElement
.
addEventListener
(
"
mousemove
"
,
autoExpand
);
targetElement
.
addEventListener
(
"
mousemove
"
,
autoExpand
);
// Set up an observer to track attribute changes
observer
.
observe
(
targetElement
,
{
attributes
:
true
,
childList
:
true
,
subtree
:
true
});
}
}
// Handle events only inside the targetElement
// Handle events only inside the targetElement
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录