Steven/InstagramFormatterWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add antialiasing option

Browse Source
This commit is contained in:
Steven Tracey 2024-08-23 13:15:43 -04:00
parent 56b6e80e3e
commit 3716bd0f39
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
index.html
View File

@ -39,6 +39,9 @@
<label for="min-border">Minimum Border:</label>
<input type="text" id="min-border" name="min-border" placeholder="Enter minimum border" value="16">
<label for="anti-aliasing">AntiAliasing:</label>
<input type="checkbox" id="anti-aliasing" name="anti-aliasing" checked>
</div>
</div>
<script src="script.js"></script>

7
script.js
View File

@ -41,14 +41,15 @@ document.addEventListener('DOMContentLoaded', function () {
const width = document.getElementById("width")?.value || "1080";
const height = document.getElementById("height")?.value || "1080";
const minBorder = document.getElementById("min-border")?.value || "16";
const antiAliasing = document.getElementById("anti-aliasing").checked;
Array.from(files).forEach((file) => {
uploadAndProcessImage(file, { color, width, height, minBorder });
uploadAndProcessImage(file, { color, width, height, minBorder, antiAliasing });
});
});
function uploadAndProcessImage(file, options) {
const { color, width, height, minBorder } = options;
const { color, width, height, minBorder, antiAliasing } = options;
// Create progress bar elements
const progressWrapper = document.createElement('div');
@ -79,7 +80,7 @@ document.addEventListener('DOMContentLoaded', function () {
const xhr = new XMLHttpRequest();
xhr.open('POST', `https://api.nevets.tech/igformatter/upload?color=${encodeURIComponent(color)}&width=${encodeURIComponent(width)}&height=${encodeURIComponent(height)}&minBorder=${encodeURIComponent(minBorder)}`, true);
xhr.open('POST', `https://api.nevets.tech/igformatter/upload?color=${encodeURIComponent(color)}&width=${encodeURIComponent(width)}&height=${encodeURIComponent(height)}&minBorder=${encodeURIComponent(minBorder)}&antiAliasing=${encodeURIComponent(antiAliasing)}`, true);
xhr.responseType = 'blob';
// Upload progress event