GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-26 12:54:57 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

printing tool

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

4
print/index.php
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'>

14
print/print.js
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();
}