From 3900b10bd2eb73d9a3b2e52973b89546b4ec43ee Mon Sep 17 00:00:00 2001 From: elioat Date: Sat, 29 Jun 2024 21:23:05 -0400 Subject: * --- js/dither/dither.js | 2 ++ js/dither/index.html | 42 +++++++++++++++++++++++++++++++++--------- 2 files changed, 35 insertions(+), 9 deletions(-) (limited to 'js/dither') diff --git a/js/dither/dither.js b/js/dither/dither.js index f7e549f..7bfdc13 100644 --- a/js/dither/dither.js +++ b/js/dither/dither.js @@ -24,6 +24,8 @@ document.getElementById('download').addEventListener('click', function() { const a = document.createElement('a'); // Create an anchor element a.href = dataUrl; // Set the href of the anchor to the data URL a.download = 'dithered-image.png'; // Set the download attribute to the desired file name + a.setAttribute('rel', 'noopener noreferrer'); + a.setAttribute('target', '_blank'); document.body.appendChild(a); // Append the anchor to the body a.click(); // Trigger a click on the anchor to start the download document.body.removeChild(a); // Remove the anchor from the body diff --git a/js/dither/index.html b/js/dither/index.html index fc06402..894cb26 100644 --- a/js/dither/index.html +++ b/js/dither/index.html @@ -5,33 +5,57 @@ Floyd-Steinberg Dithering +

Dither me this

Step 1.

+ Upload an image +

+

Step 2.

+ Download the image +
+

Note that the image processing all happens in your browser, nothing is ever uploaded to anything other than your browser.

-- cgit 1.4.1-2-gfad0