alternative downloads

This commit is contained in:
Kyle
2021-05-12 09:25:37 -07:00
parent aca7aab25f
commit f84f7399f6
2 changed files with 11 additions and 14 deletions

View File

@@ -465,10 +465,7 @@ include('../globalHTML/header-1.php');
</div>
<div class='readable-background padding'>
<h3 class='download padding' onclick='downloadCard();'>Download your card</h3>
<h5 class='collapsible collapsed padding input-description debugging hidden' onclick='toggleCollapse(event);'>Not downloading? </h5>
<div class='input-grid margin-bottom debugging hidden'>
<h4 onclick='downloadCard(true);' id='downloadAlt' href='' target='_blank' class='padding download' style='text-align: left;'>Use this link to open your card image in a new window, then save it manually.</h4>
</div>
<h5 onclick='downloadCard(true);' id='downloadAlt' href='' target='_blank' class='padding download input-description' style='text-align: left;'>Click here for an alternative download</h5>
</div>
</div>
</div>
@@ -491,5 +488,5 @@ include('../globalHTML/header-1.php');
</h4>
</div>
</div>
<script defer src='/js/creator-17.js'></script>
<script defer src='/js/creator-18.js'></script>
<?php include('../globalHTML/footer.php'); ?>

View File

@@ -1287,7 +1287,7 @@ function drawCard() {
previewContext.drawImage(cardCanvas, 0, 0, previewCanvas.width, previewCanvas.height);
}
//DOWNLOADING
async function downloadCard(alt = false) {
function downloadCard(alt = false) {
if (card.infoArtist.replace(/ /g, '') == '' && !card.artSource.includes('/img/blank.png') && !card.artZoom == 0) {
notify('You must credit an artist before downloading!', 5);
} else {
@@ -1298,21 +1298,21 @@ async function downloadCard(alt = false) {
imageName = imageName + ' (' + card.text.nickname.text + ')'
}
imageName += '.png';
//download image
// Download image
if (alt) {
var w = window.open('about:blank');
const newWindow = window.open('about:blank');
setTimeout(function(){
w.document.body.appendChild(w.document.createElement('img'))
.src = imageDataURL;
w.document.querySelector('img').style = 'max-height: 90vh; max-width: 90vw;';
newWindow.document.body.appendChild(newWindow.document.createElement('img')).src = imageDataURL;
newWindow.document.querySelector('img').style = 'max-height: 100vh; max-width: 100vw;';
newWindow.document.body.style = 'padding: 0; margin: 0; text-align: center; background-color: #888;';
newWindow.document.title = imageName;
}, 0);
} else {
var downloadElement = document.createElement('a');
const downloadElement = document.createElement('a');
downloadElement.download = imageName;
downloadElement.target = '_blank';
downloadElement.href = imageDataURL;
document.body.appendChild(downloadElement);
// if (alt) {alert('test');}
downloadElement.click();
downloadElement.remove();
}