|  |  | @@ -17,7 +17,7 @@ let scale; | 
		
	
		
			
			|  |  |  | 
 | 
		
	
		
			
			|  |  |  | document.addEventListener("DOMContentLoaded", e => { | 
		
	
		
			
			|  |  |  | document.querySelector("#reset-button").addEventListener("click", reset); | 
		
	
		
			
			|  |  |  |  | 
		
	
		
			
			|  |  |  |  | 
		
	
		
			
			|  |  |  | document.querySelector("#load-button").addEventListener("click", e => { | 
		
	
		
			
			|  |  |  | console.log("Trying to load..."); | 
		
	
		
			
			|  |  |  | const baseInput = document.querySelector("#base-url").value; | 
		
	
	
		
			
				|  |  | @@ -329,11 +329,10 @@ function setup() { | 
		
	
		
			
			|  |  |  | const scaleH = availableHeight / baseImg.height; | 
		
	
		
			
			|  |  |  | scale = Math.min(scaleW, scaleH); | 
		
	
		
			
			|  |  |  | 
 | 
		
	
		
			
			|  |  |  | const width = availableWidth * scale / scaleW; | 
		
	
		
			
			|  |  |  | const height = availableHeight * scale / scaleH; | 
		
	
		
			
			|  |  |  | width = Math.floor(availableWidth * scale / scaleW); | 
		
	
		
			
			|  |  |  | height = Math.floor(availableHeight * scale / scaleH); | 
		
	
		
			
			|  |  |  | 
 | 
		
	
		
			
			|  |  |  | [baseCtx, baseCtxResized, overlayCtx, overlayCtxResized].forEach(ctx => { | 
		
	
		
			
			|  |  |  | console.log(ctx.canvas) | 
		
	
		
			
			|  |  |  | ctx.canvas.width = width; | 
		
	
		
			
			|  |  |  | ctx.canvas.height = height; | 
		
	
		
			
			|  |  |  | ctx.canvas.style.left = (availableWidth - width) / 2 + "px"; | 
		
	
	
		
			
				|  |  | 
 |