mirror of
https://github.com/Investigamer/cardconjurer.git
synced 2025-07-27 13:21:41 -05:00
safari fixes
This commit is contained in:
@@ -50,9 +50,10 @@ newCanvas('autoCrop')
|
||||
var artWidth = cardWidth, artHeight = cardHeight
|
||||
var setSymbolDrawX, setSymbolDrawY, setSymbolDrawWidth, setSymbolDrawHeight
|
||||
var watermarkDrawX = 0, watermarkDrawY = 0, watermarkDrawWidth = 0, watermarkDrawHeight = 0
|
||||
cardArt = new Image()
|
||||
setSymbol = new Image()
|
||||
watermark = new Image()
|
||||
var cardArt = new Image()
|
||||
cardArt.src = 'data/images/blank.png'
|
||||
var setSymbol = new Image()
|
||||
var watermark = new Image()
|
||||
cardArt.crossOrigin = "anonymous"
|
||||
setSymbol.crossOrigin = "anonymous"
|
||||
watermark.crossOrigin = "anonymous"
|
||||
@@ -116,7 +117,9 @@ class cardPlaceholder {
|
||||
} else {
|
||||
mainContext.globalAlpha = 1
|
||||
}
|
||||
mainContext.drawImage(this.whatToDraw, scaleX(this.x), scaleY(this.y), scaleX(this.width) * this.zoom, scaleY(this.height) * this.zoom)
|
||||
console.log(this.whatToDraw, scaleX(this.x), scaleY(this.y), scaleX(this.width) * this.zoom, scaleY(this.height) * this.zoom)
|
||||
mainContext.drawImage(this.whatToDraw, scaleX(this.x), scaleY(this.y), scaleX(this.width) * this.zoom, scaleY(this.height) * this.zoom)
|
||||
// breaks here
|
||||
}
|
||||
cardMasterElement() {
|
||||
var temporaryElement = document.createElement('div')
|
||||
@@ -219,7 +222,8 @@ function drawCardObjects() {
|
||||
mainContext.drawImage(setSymbol, setSymbolDrawX, setSymbolDrawY, setSymbolDrawWidth, setSymbolDrawHeight)
|
||||
mainContext.drawImage(bottomInfoCanvas, 0, 0, cardWidth, cardHeight)
|
||||
mainContext.globalCompositeOperation = 'destination-over'
|
||||
mainContext.drawImage(cardArt, scaleX(cardMasterList[0].x), scaleY(cardMasterList[0].y), scaleX(cardMasterList[0].width) * cardMasterList[0].zoom, scaleY(cardMasterList[0].height) * cardMasterList[0].zoom)
|
||||
mainContext.drawImage(cardArt, scaleX(cardMasterList[0].x), scaleY(cardMasterList[0].y), scaleX(cardMasterList[0].width) * cardMasterList[0].zoom, scaleY(cardMasterList[0].height) * cardMasterList[0].zoom)
|
||||
//breaks here
|
||||
mainContext.globalCompositeOperation = 'destination-out'
|
||||
//draw the corner cutters
|
||||
mainContext.drawImage(cornerCutout, 0, 0, scaleX(59/1500), scaleX(59/1500))
|
||||
@@ -843,4 +847,4 @@ function autoCrop(targetImage, source = targetImage.src) {
|
||||
|
||||
|
||||
//Must run last:
|
||||
initialize()
|
||||
initialize()
|
||||
|
@@ -7,7 +7,7 @@ rootStyles.setProperty('--input-color', '#efefef')
|
||||
rootStyles.setProperty('--input-font-color', '#000')
|
||||
rootStyles.setProperty('--font-color', '#000')
|
||||
rootStyles.setProperty('--font-color-contrast', '#000')
|
||||
rootStyles.setProperty('--body-background', 'url(images/lowpoly.png)')
|
||||
rootStyles.setProperty('--body-background', 'url(data/site/images/lowpoly.png)')
|
||||
setCookie('colorPalette', 'dayRave')
|
||||
|
||||
//Cycles through a rainbow!
|
||||
|
@@ -7,7 +7,7 @@ rootStyles.setProperty('--input-color', '#3a3a3a')
|
||||
rootStyles.setProperty('--input-font-color', '#efefef')
|
||||
rootStyles.setProperty('--font-color', '#000')
|
||||
rootStyles.setProperty('--font-color-contrast', '#efefef')
|
||||
rootStyles.setProperty('--body-background', 'url(images/lowpoly.png)')
|
||||
rootStyles.setProperty('--body-background', 'url(data/site/images/lowpoly.png)')
|
||||
setCookie('colorPalette', 'nightRave')
|
||||
|
||||
//Cycles through a rainbow!
|
||||
|
@@ -1,11 +1,11 @@
|
||||
rootStyles.setProperty('--background-color', 'none')
|
||||
rootStyles.setProperty('--background-color-contrast', 'url(images/palettes/canvasPaper.png)')
|
||||
rootStyles.setProperty('--interactable-color', 'url(images/palettes/whitePaperTileable.png)')
|
||||
rootStyles.setProperty('--interactable-selected-color', 'url(images/palettes/whitePaperHighlightedTileable.png)')
|
||||
rootStyles.setProperty('--background-color-contrast', 'url(data/site/images/palettes/canvasPaper.png)')
|
||||
rootStyles.setProperty('--interactable-color', 'url(data/site/images/palettes/whitePaperTileable.png)')
|
||||
rootStyles.setProperty('--interactable-selected-color', 'url(data/site/images/palettes/whitePaperHighlightedTileable.png)')
|
||||
rootStyles.setProperty('--interactable-tiling', 'auto')
|
||||
rootStyles.setProperty('--input-color', 'url(images/palettes/whitePaperTileable.png)')
|
||||
rootStyles.setProperty('--input-color', 'url(data/site/images/palettes/whitePaperTileable.png)')
|
||||
rootStyles.setProperty('--input-font-color', '#000')
|
||||
rootStyles.setProperty('--font-color', '#eee')
|
||||
rootStyles.setProperty('--font-color-contrast', '#000')
|
||||
rootStyles.setProperty('--body-background', 'url(images/palettes/darkWood.png)')
|
||||
setCookie('colorPalette', 'scholarMode')
|
||||
rootStyles.setProperty('--body-background', 'url(data/site/images/palettes/darkWood.png)')
|
||||
setCookie('colorPalette', 'scholarMode')
|
||||
|
Reference in New Issue
Block a user