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

print

Browse Source
This commit is contained in:
Kyle
2021-02-15 17:07:19 -08:00
parent 225a0a2379
commit 2073ea48d8
2 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
print/index.php
View File

@@ -11,6 +11,8 @@ include('../globalHTML/header-1.php');
<option value='8.5,11'>Regular (8.5 by 11)</option> <option value='8.5,11'>Regular (8.5 by 11)</option>
<option value='8.2667,11.6934'>A4</option> <option value='8.2667,11.6934'>A4</option>
</select> </select>
<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> <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='10' min='0' max='100' onchange='setCardDistance(this.value);'>
</div> </div>

9
print/print.js
View File

@@ -27,7 +27,7 @@ function drawSheet() {
const cardsX = Math.floor(pageWidth / cardWidth); const cardsX = Math.floor(pageWidth / cardWidth);
const cardsY = Math.floor(pageHeight / cardHeight); const cardsY = Math.floor(pageHeight / cardHeight);
var count = 0; var count = 0;
for (var i = imageList.length - 1; i >= 0 && count < 9; i --) { for (var i = imageList.length - 1; i >= 0 && count < cardsX * cardsY; i --) {
if (imageList[i].width > 1) { if (imageList[i].width > 1) {
context.drawImage(imageList[i], (pageWidth - cardsX * cardWidth) / 2 + (count % cardsX) * (cardWidth + cardMarginX) - cardMarginX, (pageHeight - cardsY * cardHeight) / 2 + (Math.floor(count / cardsX) % cardsY) * (cardHeight + cardMarginY) - cardMarginY, cardWidth, cardHeight); context.drawImage(imageList[i], (pageWidth - cardsX * cardWidth) / 2 + (count % cardsX) * (cardWidth + cardMarginX) - cardMarginX, (pageHeight - cardsY * cardHeight) / 2 + (Math.floor(count / cardsX) % cardsY) * (cardHeight + cardMarginY) - cardMarginY, cardWidth, cardHeight);
} }
@@ -64,4 +64,11 @@ function setCardDistance(distance) {
cardMarginX = parseInt(distance); cardMarginX = parseInt(distance);
cardMarginY = parseInt(distance); cardMarginY = parseInt(distance);
drawSheet(); drawSheet();
}
function changeOrientation() {
var oldWidth = pageWidth;
pageWidth = pageHeight;
pageHeight = oldWidth;
drawSheet();
} }