mirror of
https://github.com/slint-ui/slint.git
synced 2025-07-19 02:55:53 +00:00
0359071b1e
Following the winit 0.29 merge, a few adjustments are in order: - Make slint::Window.set_size() before show keep the size - on wasm, attempt to keep the size of the canvas from CSS - on wasm, one must set the width and height explicitly on the canvas otherwise there is wierd scaling - on wasm, we can't set None as maximum or minimum size otherwise winit panics - It seems that the hack we had to keep the size in range is no longer necessary - The hack in the slide puzzle can be removed. (but unfortunately it doesn't follow resizes Unfortunatelly we always call set_inner_size to avoid infinite loop when the css properties are not specificed, so this will override layouts Also we don't default anymore to the preferred size * Update internal/backends/winit/winitwindowadapter.rs
37 lines
1.1 KiB
HTML
37 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<!-- Copyright © SixtyFPS GmbH <info@slint.dev> -->
|
|
<!-- SPDX-License-Identifier: MIT -->
|
|
|
|
<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 content="text/html;charset=utf-8" http-equiv="Content-Type" />
|
|
<link rel="stylesheet" href="https://slint.dev/css/demos-v1.css">
|
|
</head>
|
|
|
|
<body>
|
|
<p>This is the <a href="https://slint.dev">Slint</a> Plotter example compiled to WebAssembly.</p>
|
|
<div id="spinner" style="position: relative;">
|
|
<div class="spinner">Loading...</div>
|
|
</div>
|
|
<canvas id="canvas" data-slint-auto-resize-to-preferred="true"></canvas>
|
|
<p class="links">
|
|
<a href="https://github.com/slint-ui/slint/blob/master/examples/plotter/main.rs">
|
|
View Source Code on GitHub</a>
|
|
</p>
|
|
<script type="module">
|
|
import init from "./pkg/plotter.js";
|
|
init().finally(() => {
|
|
document.getElementById("spinner").remove();
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|