convert multiple images at once

This commit is contained in:
Kyle
2021-02-24 08:15:21 -08:00
parent bb68978454
commit 4464e23222
2 changed files with 13 additions and 16 deletions

View File

@@ -5,26 +5,21 @@ var wizards = new Image();
wizards.crossOrigin = 'anonymous';
wizards.src = 'wizards.png';
async function imageLocal(event) {
var reader = new FileReader();
reader.onload = function () {
var cardImage = new Image();
cardImage.crossOrigin = 'anonymous';
cardImage.onload = function() {
cropCard(this);
}
cardImage.onerror = errorMessage;
cardImage.src = reader.result;
function prepareImage(source, filename) {
var cardImage = new Image();
cardImage.crossOrigin = 'anonymous';
cardImage.onload = function() {
cropCard(this, filename);
}
reader.onerror = errorMessage;
await reader.readAsDataURL(event.target.files[0]);
cardImage.onerror = errorMessage;
cardImage.src = source;
}
function errorMessage() {
notify('An error occured. Please make sure you\'re uploading a valid image, then try again.', 10);
}
async function cropCard(image) {
async function cropCard(image, filename) {
// Create canvas/context
const canvas = document.createElement('canvas');
// document.body.appendChild(canvas);
@@ -43,7 +38,6 @@ async function cropCard(image) {
version = 'none';
}
// Draw copyright info
console.log(version);
if (version == 'm15Creature') {
context.drawImage(wizards, 895, 2009, 509, 25);
} else if (version == 'm15Noncreature') {
@@ -57,7 +51,7 @@ async function cropCard(image) {
context.drawImage(cardMask, 0, 0, 1500, 2100);
// Download the card
const download = document.createElement('a');
download.download = document.querySelector('input').files[0].name.split('.')[0] + '.png';
download.download = filename.replace('filename=', '') + '.png';
download.href = canvas.toDataURL();
document.body.appendChild(download);
await download.click();