diff options
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> |