diff options
author | elioat <elioat@tilde.institute> | 2024-06-29 19:10:09 -0400 |
---|---|---|
committer | elioat <elioat@tilde.institute> | 2024-06-29 19:10:09 -0400 |
commit | 18062ebd2bdc5d090676e6f606c33299b665f6cb (patch) | |
tree | b6ce83fc119e919cca724d57f039abddaeb2cab4 /js/dither/index.html | |
parent | 3acf61d9f774418cafa99f9800aef9bb9741047c (diff) | |
download | tour-18062ebd2bdc5d090676e6f606c33299b665f6cb.tar.gz |
*
Diffstat (limited to 'js/dither/index.html')
-rw-r--r-- | js/dither/index.html | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/js/dither/index.html b/js/dither/index.html new file mode 100644 index 0000000..fc06402 --- /dev/null +++ b/js/dither/index.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Floyd-Steinberg Dithering</title> + <style> + body { + margin: 0 auto; + display: block; + padding: 2em; + } + canvas, input, button { + max-width: 100%; + padding: 1em; + margin: 0 auto; + display: block; + border: 1px solid black; + } + button, input[type="file"] { + cursor: pointer; + padding: 1em 2em; + font-size: 1.25em; + } + </style> +</head> +<body> + <canvas id="canvas"></canvas> + <br> + <br> + <input type="file" id="upload" accept="image/*"> + <br> + <br> + <button id="download">Download Image</button> + <script src="dither.js"></script> +</body> +</html> |