summaryrefslogtreecommitdiff
path: root/web/hitomezashi_web_shell.html
diff options
context:
space:
mode:
Diffstat (limited to 'web/hitomezashi_web_shell.html')
-rw-r--r--web/hitomezashi_web_shell.html86
1 files changed, 0 insertions, 86 deletions
diff --git a/web/hitomezashi_web_shell.html b/web/hitomezashi_web_shell.html
deleted file mode 100644
index cd19547..0000000
--- a/web/hitomezashi_web_shell.html
+++ /dev/null
@@ -1,86 +0,0 @@
-<!doctype html>
-<html lang="en-us">
-
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <!--This is code modified from https://github.com/emscripten-core/emscripten/blob/main/src/shell_minimal.html.-->
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Hitomezashi</title>
- <style>
- canvas {
- padding-right: 0;
- margin-left: auto;
- margin-right: auto;
- display: block;
- border: 0px none;
- background-color: black;
- }
-
- form {
- display: table;
- margin: auto;
- }
-
- form>p {
- display: table-row;
- }
-
- form>p>label {
- display: table-cell;
- }
-
- form>p>label>input {
- display: table-cell;
- }
-
- button#downloadCanvas {
- display: block;
- margin: 0 auto;
- }
-
- p#info {
- text-align: center;
- }
-
- p#info>a {
- margin-left: 1ex;
- margin-right: 1ex;
- }
- </style>
-</head>
-
-<body>
- <form name="hitomezashi parameters" autocomplete="off">
- <p><label>x pattern: <input name="x_pattern"></label></p>
- <p><label>y pattern: <input name="y_pattern"></label></p>
- <p><label>gap: <input name="gap" type="number"></label></p>
- <p><label>line thickness: <input name="line_thickness" type="number"></label></p>
- <p><label>foreground colour: <input name="fg_colour" type="color"></label></p>
- <p><label>background colour: <input name="bg_colour" type="color"></label></p>
- </form>
- <br>
- <canvas class="emscripten" id="canvas" tabindex=-1></canvas>
- <br>
- <button id="downloadCanvas">download as image</button>
- <script type='text/javascript'>
- var Module = {
- canvas: (function () {
- var canvas = document.getElementById('canvas');
-
- canvas.addEventListener("webglcontextlost", function (e) { alert('Error: WebGL context lost. Please reload the page.'); e.preventDefault(); }, false);
-
- return canvas;
- })(),
- };
- function downloadCanvas() {
- let downloadLink = document.createElement("a");
- downloadLink.setAttribute("download", "hitomezashi");
- downloadLink.setAttribute("href", canvas.toDataURL());
- downloadLink.click();
- }
- document.querySelector("#downloadCanvas").addEventListener("click", downloadCanvas);
- </script>
- {{{ SCRIPT }}}
-</body>
-
-</html>