Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
Overbill1683
Stable Diffusion Webui
提交
ed01d2ee
S
Stable Diffusion Webui
项目概览
Overbill1683
/
Stable Diffusion Webui
10 个月 前同步成功
通知
1752
Star
81
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
分析
仓库
DevOps
项目成员
Pages
S
Stable Diffusion Webui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Pages
分析
分析
仓库分析
DevOps
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
提交
体验新版 GitCode,发现更多精彩内容 >>
提交
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() => {
"
Sketch
"
:
elementIDs
.
sketch
};
// Helper functions
// Get active tab
function
getActiveTab
(
elements
,
all
=
false
)
{
...
...
@@ -657,17 +658,20 @@ onUiLoaded(async() => {
// 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 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
isMainTab
=
activeElement
===
elementIDs
.
inpaint
||
activeElement
===
elementIDs
.
inpaintSketch
||
activeElement
===
elementIDs
.
sketch
;
if
(
canvas
&&
isMainTab
)
{
if
(
hasHorizontalScrollbar
(
targetElement
))
{
if
(
hasHorizontalScrollbar
(
targetElement
)
&&
targetElement
.
isExpanded
===
false
)
{
targetElement
.
style
.
visibility
=
"
hidden
"
;
setTimeout
(()
=>
{
fitToScreen
();
resetZoom
();
targetElement
.
style
.
visibility
=
"
visible
"
;
targetElement
.
isExpanded
=
true
;
},
10
);
}
}
...
...
@@ -675,9 +679,24 @@ onUiLoaded(async() => {
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
if
(
hotkeysConfig
.
canvas_auto_expand
)
{
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
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录