mirror of
https://github.com/Investigamer/cardconjurer.git
synced 2025-07-26 21:04:58 -05:00
printing tool
This commit is contained in:
@@ -9,7 +9,8 @@
|
|||||||
<h4>Navigation</h4>
|
<h4>Navigation</h4>
|
||||||
<h5><a href='/'>Home</a></h5>
|
<h5><a href='/'>Home</a></h5>
|
||||||
<h5><a href='/creator'>Creator</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='/askurza'>Ask Urza</a></h5>
|
||||||
<h5><a href='/phyrexian'>Phyrexian Generator</a></h5>
|
<h5><a href='/phyrexian'>Phyrexian Generator</a></h5>
|
||||||
<h5><a href='/about'>About</a></h5>
|
<h5><a href='/about'>About</a></h5>
|
||||||
|
@@ -36,7 +36,7 @@
|
|||||||
<h2>Navigation</h2>
|
<h2>Navigation</h2>
|
||||||
<h3><a href='/'>Home</a></h3>
|
<h3><a href='/'>Home</a></h3>
|
||||||
<h3><a href='/creator'>Card Creator</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='/askurza'>Ask Urza 2.0</a></h3>
|
||||||
<h3><a href='/phyrexian'>Phyrexian Generator</a></h3>
|
<h3><a href='/phyrexian'>Phyrexian Generator</a></h3>
|
||||||
<h3><a href='/about'>About Me</a></h3>
|
<h3><a href='/about'>About Me</a></h3>
|
||||||
|
@@ -21,6 +21,7 @@
|
|||||||
<title>Card Conjurer</title>
|
<title>Card Conjurer</title>
|
||||||
<div class='title layer'>Card Conjurer</div>
|
<div class='title layer'>Card Conjurer</div>
|
||||||
<script>
|
<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
|
var cardWidth = 1500, cardHeight = 2100
|
||||||
if (window.location.search != "") {
|
if (window.location.search != "") {
|
||||||
var parameters = window.location.search.replace('?', '').split('&');
|
var parameters = window.location.search.replace('?', '').split('&');
|
||||||
|
@@ -3,7 +3,7 @@ $title = 'Print Page Setup';
|
|||||||
$desc = 'Upload card images and download a fully prepared page for printing';
|
$desc = 'Upload card images and download a fully prepared page for printing';
|
||||||
include('../globalHTML/header-1.php');
|
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'>
|
<div class='readable-background padding layer margin-bottom-large'>
|
||||||
<h4 class='center padding margin-bottom'>Configure Page Settings</h4>
|
<h4 class='center padding margin-bottom'>Configure Page Settings</h4>
|
||||||
<h5 class='margin-bottom padding input-description'>Select your paper size</h5>
|
<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>
|
<h5 class='margin-bottom padding input-description'>Toggle the paper orientation (Portrait / Landscape)</h5>
|
||||||
<button onclick='changeOrientation();' class='input margin-bottom'>Toggle orientation</button>
|
<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>
|
<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>
|
||||||
<div class="layer">
|
<div class="layer">
|
||||||
<div class='padding margin-bottom readable-background drop-area'>
|
<div class='padding margin-bottom readable-background drop-area'>
|
||||||
|
@@ -1,12 +1,12 @@
|
|||||||
//Configure sizes
|
//Configure sizes
|
||||||
var ppi = 600;
|
var ppi = 600;
|
||||||
var pageWidth = 8.5 * ppi;
|
var pageWidth = 11 * ppi;
|
||||||
var pageHeight = 11 * ppi;
|
var pageHeight = 8.5 * ppi;
|
||||||
var cardWidth = 2.5 * ppi;
|
var cardWidth = 2.5 * ppi;
|
||||||
var cardHeight = 3.5 * ppi;
|
var cardHeight = 3.5 * ppi;
|
||||||
var cardMarginX = 10;
|
var cardMarginX = 50;
|
||||||
var cardMarginY = 10;
|
var cardMarginY = 50;
|
||||||
var pageOrientation = 'portrait';
|
var pageOrientation = 'landscape';
|
||||||
//Prepare variables/canvas/context
|
//Prepare variables/canvas/context
|
||||||
var imageList = [];
|
var imageList = [];
|
||||||
var canvas = document.querySelector('canvas');
|
var canvas = document.querySelector('canvas');
|
||||||
@@ -56,8 +56,8 @@ function downloadPDF() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function setPageSize(size = [8.5, 11]) {
|
function setPageSize(size = [8.5, 11]) {
|
||||||
pageWidth = parseFloat(size[0]) * ppi;
|
pageHeight = parseFloat(size[0]) * ppi;
|
||||||
pageHeight = parseFloat(size[1]) * ppi;
|
pageWidth = parseFloat(size[1]) * ppi;
|
||||||
drawSheet();
|
drawSheet();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user