Mindfang/cardconjurer
1
0
Fork 0
forked from GithubMirrors/cardconjurer
Code Pull Requests Actions Packages Activity

Update print.js

Browse Source
This commit is contained in:
Kyle
2021-02-01 13:18:46 -08:00
parent 676607c040
commit e583dc6721
1 changed files with 9 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
print/print.js
View File

@@ -1,24 +1,15 @@
//Configure sizes //Configure sizes
const ppi = 600; var ppi = 600;
const pageWidth = 8.5 * ppi; var pageWidth = 8.5 * ppi;
const pageHeight = 11 * ppi; var pageHeight = 11 * ppi;
const cardWidth = 2.5 * ppi; var cardWidth = 2.5 * ppi;
const cardHeight = 3.5 * ppi; var cardHeight = 3.5 * ppi;
const cardMarginX = 10; var cardMarginX = 10;
const cardMarginY = 10; var cardMarginY = 10;
//Prepare variables/canvas/context //Prepare variables/canvas/context
var imageList = []; var imageList = [];
var canvas = document.querySelector('canvas'); var canvas = document.querySelector('canvas');
canvas.width = pageWidth;
canvas.height = pageHeight;
var context = canvas.getContext('2d'); var context = canvas.getContext('2d');
//Prepare pdf
// const doc = new jsPDF({
// orientation: 'portrait',
// unit: 'in',
// format: [pageWidth / ppi, pageHeight / ppi]
// });
//Draw blank page
drawSheet(); drawSheet();
function uploadCard(card) { function uploadCard(card) {
@@ -29,6 +20,8 @@ function uploadCard(card) {
} }
function drawSheet() { function drawSheet() {
canvas.width = pageWidth;
canvas.height = pageHeight;
context.fillStyle = 'white'; context.fillStyle = 'white';
context.fillRect(0, 0, pageWidth, pageHeight); context.fillRect(0, 0, pageWidth, pageHeight);
const cardsX = Math.floor(pageWidth / cardWidth); const cardsX = Math.floor(pageWidth / cardWidth);
@@ -43,8 +36,6 @@ function drawSheet() {
} }
async function downloadSheet() { async function downloadSheet() {
// doc.addImage(canvas.toDataURL('image/png'), 'PNG', 0, 0, 8.5, 11);
// doc.save('print.pdf');
var download = document.createElement('a'); var download = document.createElement('a');
download.download = 'print.png'; download.download = 'print.png';
download.href = canvas.toDataURL(); download.href = canvas.toDataURL();