mirror of
https://github.com/slint-ui/slint.git
synced 2025-10-01 14:21:16 +00:00
63 lines
No EOL
1.6 KiB
HTML
63 lines
No EOL
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<!--
|
|
This is a static html file used to display the wasm build.
|
|
In order to generate the build
|
|
- uncomment the #wasm# lines in Cargo.toml
|
|
- Run `wasm-pack build --release --target web` in this directory.
|
|
-->
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>SixtyFPS UI Printer Demo (Web Assembly version)</title>
|
|
<style>
|
|
canvas {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
canvas:focus {
|
|
outline: none;
|
|
}
|
|
|
|
@media screen and (max-width: 992px) and (orientation: landscape) {
|
|
.hide-in-mobile-landscape {
|
|
display: none;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
canvas {
|
|
width: 100vw !important;
|
|
height: 100vh !important;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<p class="hide-in-mobile-landscape">This is the SixtyFPS UI Printer Demo compiled to WebAssembly. It simulates the
|
|
touch user interface of
|
|
the advanced "Print Machine 2000", without actually printing anything.</p>
|
|
<canvas id="canvas" width="640" height="480" unselectable="on"></canvas>
|
|
<p class="hide-in-mobile-landscape">
|
|
<a href="https://github.com/sixtyfpsui/sixtyfps/blob/master/examples/printerdemo_old/ui/printerdemo.60">
|
|
View Source Code on GitHub</a> -
|
|
<a
|
|
href="https://sixtyfps.io/editor?load_url=https://raw.githubusercontent.com/sixtyfpsui/sixtyfps/master/examples/printerdemo_old/ui/printerdemo.60">
|
|
Edit in the online code editor
|
|
</a>
|
|
</p>
|
|
<script type="module">
|
|
import init from './pkg/printerdemo_old.js';
|
|
async function run() {
|
|
await init();
|
|
}
|
|
run();
|
|
</script>
|
|
</body>
|
|
|
|
</html> |