printing tool

This commit is contained in:
Kyle
2021-02-22 17:19:37 -08:00
parent 8ccd831da5
commit 18ab4ef82c
5 changed files with 13 additions and 11 deletions

View File

@@ -9,7 +9,8 @@
<h4>Navigation</h4>
<h5><a href='/'>Home</a></h5>
<h5><a href='/creator'>Creator</a></h5>
<h5><a href='/old'>Old Creator</a></h5>
<h5><a href='/print'>Print</a></h5>
<h5><a href='/theme'>Theme Editor</a></h5>
<h5><a href='/askurza'>Ask Urza</a></h5>
<h5><a href='/phyrexian'>Phyrexian Generator</a></h5>
<h5><a href='/about'>About</a></h5>

View File

@@ -36,7 +36,7 @@
<h2>Navigation</h2>
<h3><a href='/'>Home</a></h3>
<h3><a href='/creator'>Card Creator</a></h3>
<h3><a href='/old'>Old Card Creator</a></h3>
<h3><a href='/print'>Printing Tool</a></h3>
<h3><a href='/askurza'>Ask Urza 2.0</a></h3>
<h3><a href='/phyrexian'>Phyrexian Generator</a></h3>
<h3><a href='/about'>About Me</a></h3>

View File

@@ -21,6 +21,7 @@
<title>Card Conjurer</title>
<div class='title layer'>Card Conjurer</div>
<script>
alert("The old version of Card Conjurer will be taken offline at some point in the future, as early as April 2021. Sorry for the inconvenience.")
var cardWidth = 1500, cardHeight = 2100
if (window.location.search != "") {
var parameters = window.location.search.replace('?', '').split('&');

View File

@@ -3,7 +3,7 @@ $title = 'Print Page Setup';
$desc = 'Upload card images and download a fully prepared page for printing';
include('../globalHTML/header-1.php');
?>
<h2 class='readable-background header-extension title center margin-bottom-large'>Print Page Setup</h2>
<h2 class='readable-background header-extension title center margin-bottom-large'>Printing Tool</h2>
<div class='readable-background padding layer margin-bottom-large'>
<h4 class='center padding margin-bottom'>Configure Page Settings</h4>
<h5 class='margin-bottom padding input-description'>Select your paper size</h5>
@@ -14,7 +14,7 @@ include('../globalHTML/header-1.php');
<h5 class='margin-bottom padding input-description'>Toggle the paper orientation (Portrait / Landscape)</h5>
<button onclick='changeOrientation();' class='input margin-bottom'>Toggle orientation</button>
<h5 class='margin-bottom padding input-description'>Set the distance between cards (in pixels)</h5>
<input type='number' class='input margin-bottom' value='10' min='0' max='100' onchange='setCardDistance(this.value);'>
<input type='number' class='input margin-bottom' value='50' min='0' max='100' onchange='setCardDistance(this.value);'>
</div>
<div class="layer">
<div class='padding margin-bottom readable-background drop-area'>

View File

@@ -1,12 +1,12 @@
//Configure sizes
var ppi = 600;
var pageWidth = 8.5 * ppi;
var pageHeight = 11 * ppi;
var pageWidth = 11 * ppi;
var pageHeight = 8.5 * ppi;
var cardWidth = 2.5 * ppi;
var cardHeight = 3.5 * ppi;
var cardMarginX = 10;
var cardMarginY = 10;
var pageOrientation = 'portrait';
var cardMarginX = 50;
var cardMarginY = 50;
var pageOrientation = 'landscape';
//Prepare variables/canvas/context
var imageList = [];
var canvas = document.querySelector('canvas');
@@ -56,8 +56,8 @@ function downloadPDF() {
}
function setPageSize(size = [8.5, 11]) {
pageWidth = parseFloat(size[0]) * ppi;
pageHeight = parseFloat(size[1]) * ppi;
pageHeight = parseFloat(size[0]) * ppi;
pageWidth = parseFloat(size[1]) * ppi;
drawSheet();
}