P42/P42_UI
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

graflow horiz + vert + fixed border & scroll issues

Browse Source
This commit is contained in:
STEINNI
2025-12-27 21:39:33 +00:00
parent 96f20423e3
commit 0cedc88eab
5 changed files with 256 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/html/test.html
+23 -2
View File
@@ -1,17 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>three.js webgl - FBX loader</title>
<title>graflow</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<link type="text/css" rel="stylesheet" href="https://threejs.org/examples/main.css">
<link type="text/css" rel="stylesheet" href="../../thirdparty/buildoz/buildoz.css">
<script src="../../thirdparty/buildoz/buildoz.js"></script>
<script src="../../thirdparty/buildoz/bzGraflow.js"></script>
<script src="../../thirdparty/buildoz/bzGraflow.js"></script>
<style>
bz-graflow{
overflow: scroll;
border: 5px ridge #4BABFF;
width: 70vw;
height: 70vh;
}
</style>
<script>
window.addEventListener('load',()=>{
const grflw = document.querySelector('bz-graflow')
document.querySelector('[data-trigger="onAutoplaceH"]').addEventListener('click',
(evt) => { grflw.autoPlace('horizontal') }
)
document.querySelector('[data-trigger="onAutoplaceV"]').addEventListener('click',
(evt) => { grflw.autoPlace('vertical') }
)
})
</script>
</head>
<body>
<bz-graflow flow="/app/assets/json/bzGraflow/testFlow1.json" tension="60"></bz-graflow>
<button data-trigger="onAutoplaceH">auto-place Horizontal</button>
<button data-trigger="onAutoplaceV">auto-place Vertical</button>
</body>
</html>