function Canvas(id, normalWidth, normalHeight){
this.element = document.getElementById(id); this.normalWidth = normalWidth; this.normalHeight = normalHeight; this.aspectRatio = normalWidth / normalHeight;
}
var padding = 200; document.addEventListener(“DOMContentLoaded”, function(){
var canvases = document.querySelectorAll('.canvas') console.log(canvases); for(var i = 0; i < canvases.length; i++){ console.log(canvases[i].width); console.log(window.innerWidth - padding); if(canvases[i].width > window.innerWidth - padding){ var aspectRatio = canvases[i].width / canvases[i].height; canvases[i].width = window.innerWidth - padding; canvases[i].height = canvases[i].width / aspectRatio; } }
});