mirror of
https://github.com/barsdeveloper/ueblueprint.git
synced 2026-02-04 08:50:33 +08:00
67 lines
2.4 KiB
HTML
67 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
|
|
<title></title>
|
|
<style>
|
|
body {
|
|
--ueb-fron-size: 13px;
|
|
--ueb-viewport-height: 30rem;
|
|
--ueb-viewport-width: 100%;
|
|
--ueb-grid-size: 16px;
|
|
--ueb-grid-line-width: 2px;
|
|
--ueb-grid-line-color: #353535;
|
|
--ueb-grid-set: 8;
|
|
--ueb-grid-set-line-color: #161616;
|
|
--ueb-grid-axis-line-color: black;
|
|
--ueb-grid-snap: 16px;
|
|
--ueb-grid-min-scale: 0.2;
|
|
--ueb-node-radius: 7px;
|
|
--ueb-grid-snap: 16px;
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" href="css/ueblueprint-node-value-type-color.css">
|
|
<link rel="stylesheet" href="css/ueblueprint-style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div>Hello</div>
|
|
<script type="module">
|
|
import { UEBlueprint, UEBlueprintObject } from "./ueblueprint.js"
|
|
let blueprint = new UEBlueprint()
|
|
let node1 = new UEBlueprintObject()
|
|
blueprint.addNode(node1)
|
|
document.querySelector('body').appendChild(blueprint)
|
|
let a = 123
|
|
</script>
|
|
<script type="module">
|
|
/*
|
|
document.addEventListener("DOMContentLoaded", function (event) {
|
|
let leftmost = Number.MAX_SAFE_INTEGER;
|
|
let topmost = Number.MAX_SAFE_INTEGER;
|
|
let draggableElements = document.querySelectorAll('.ueb-node').forEach(function (node) {
|
|
new UEBlueprintDrag(node)
|
|
leftmost = Math.min(leftmost, node.offsetLeft)
|
|
topmost = Math.min(leftmost, node.offsetTop)
|
|
})
|
|
document.querySelectorAll('.ueb-grid').forEach(function (grid) {
|
|
let obj = new UEBlueprintDragScrollGrid(grid, {
|
|
'clickButton': 2,
|
|
'exitGrabSameButtonOnly': true,
|
|
'expandGridSize': 200
|
|
})
|
|
obj.stepSize = 1
|
|
let viewportWidth = grid.parentElement.clientWidth
|
|
let viewportHeight = grid.parentElement.clientHeight
|
|
grid.style.setProperty('--ueb-translateX', Math.round(viewportWidth / 2))
|
|
grid.style.setProperty('--ueb-translateY', Math.round(viewportHeight / 2))
|
|
grid.style.setProperty('--ueb-additionalX', 0)
|
|
grid.style.setProperty('--ueb-additionalY', 0)
|
|
})
|
|
});*/
|
|
</script>
|
|
</body>
|
|
|
|
</html> |