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

rounding corners

Browse Source
This commit is contained in:
Kyle
2022-06-26 10:32:37 -07:00
parent efe0fab008
commit bc69d6dee4
2 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
creator/index.php
View File

@@ -185,6 +185,11 @@ include('../globalHTML/header-1.php');
</div>
</div>
<div class='readable-background padding'>
<h5 class='input-description margin-bottom'>Rounded Corners (When Downloaded)</h5>
<label class='checkbox-container input margin-bottom'>Rounded Corners
<input id='rounded-corners' checked="true" type='checkbox' onchange='setRoundedCorners(this.checked);'>
<span class='checkmark'></span>
</label>
<h5 class='input-description margin-bottom'>Show guidelines for text, art, watermark, and set symbols</h5>
<label class='checkbox-container input margin-bottom'>Guidelines
<input id='show-guidelines' type='checkbox' onchange='drawCard();'>

9
js/creator-23.js
View File

@@ -1783,7 +1783,7 @@ function drawCard() {
cardContext.drawImage(bottomInfoCanvas, 0, 0, cardCanvas.width, cardCanvas.height);
// cutout the corners
cardContext.globalCompositeOperation = 'destination-out';
if (card.marginX == 0 && card.marginY == 0) {
if (!card.noCorners && (card.marginX == 0 && card.marginY == 0)) {
cardContext.drawImage(corner, 0, 0, scaleWidth(59/1500), scaleWidth(59/1500));
cardContext.rotate(Math.PI / 2);
cardContext.drawImage(corner, 0, -card.width, scaleWidth(59/1500), scaleWidth(59/1500));
@@ -2027,6 +2027,7 @@ async function loadCard(selectedCardKey) {
// document.querySelector('#watermark-left').value = card.watermarkLeft;
// document.querySelector('#watermark-right').value = card.watermarkRight;
document.querySelector('#watermark-opacity').value = card.watermarkOpacity * 100;
document.getElementById("rounded-corners").checked = !card.noCorners;
uploadWatermark(card.watermarkSource);
card.frames.reverse();
await card.frames.forEach(item => addFrame([], item));
@@ -2172,6 +2173,12 @@ function toggleCardBackgroundColor(highlight) {
previewCanvas.style["background-color"] = "#0000";
}
}
//Rounded Corners
function setRoundedCorners(value) {
card.noCorners = !value;
console.log(card.noCorners);
drawCard();
}
//Various loaders
function imageURL(url, destination, otherParams) {
var imageurl = url;