GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-27 05:14:53 -05:00
Code Issues Actions Packages Projects Releases Wiki 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> </div>
<div class='readable-background padding'> <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> <h5 class='input-description margin-bottom'>Show guidelines for text, art, watermark, and set symbols</h5>
<label class='checkbox-container input margin-bottom'>Guidelines <label class='checkbox-container input margin-bottom'>Guidelines
<input id='show-guidelines' type='checkbox' onchange='drawCard();'> <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); cardContext.drawImage(bottomInfoCanvas, 0, 0, cardCanvas.width, cardCanvas.height);
// cutout the corners // cutout the corners
cardContext.globalCompositeOperation = 'destination-out'; 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.drawImage(corner, 0, 0, scaleWidth(59/1500), scaleWidth(59/1500));
cardContext.rotate(Math.PI / 2); cardContext.rotate(Math.PI / 2);
cardContext.drawImage(corner, 0, -card.width, scaleWidth(59/1500), scaleWidth(59/1500)); 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-left').value = card.watermarkLeft;
// document.querySelector('#watermark-right').value = card.watermarkRight; // document.querySelector('#watermark-right').value = card.watermarkRight;
document.querySelector('#watermark-opacity').value = card.watermarkOpacity * 100; document.querySelector('#watermark-opacity').value = card.watermarkOpacity * 100;
document.getElementById("rounded-corners").checked = !card.noCorners;
uploadWatermark(card.watermarkSource); uploadWatermark(card.watermarkSource);
card.frames.reverse(); card.frames.reverse();
await card.frames.forEach(item => addFrame([], item)); await card.frames.forEach(item => addFrame([], item));
@@ -2172,6 +2173,12 @@ function toggleCardBackgroundColor(highlight) {
previewCanvas.style["background-color"] = "#0000"; previewCanvas.style["background-color"] = "#0000";
} }
} }
//Rounded Corners
function setRoundedCorners(value) {
card.noCorners = !value;
console.log(card.noCorners);
drawCard();
}
//Various loaders //Various loaders
function imageURL(url, destination, otherParams) { function imageURL(url, destination, otherParams) {
var imageurl = url; var imageurl = url;