node package manager

full-house

full-house

... WHERE EVERYBODY KNOWS YOUR NAME dun nun nun nun - nuh nuh ūüé∑

make an element or group of elements or a canvas take up as much of the window as possible

NPM js-standard-style

EXAMPLE

 
var fullHouse = require('full-house')
fullHouse(document.querySelectorAll('.slideShow'))
 
fullHouse(document.getElementById('canvas'))
 
fullHouse(document.getElementById('my-selfie'))

the www/demo.js is a good example for layering a bunch of images on top of each other. I use this technique to build a slideshow here

API

fullHouse(nodelist || element || canvas)

given a node list like that returned by querySelectorAll/getElementsByTagName/etc., OR an individual html element like that returned by getElementById, OR a canvas element, fullHouse will resize that/those element(s) to be the size of the window/screen/browser-thing. When the browser is resized, the function will call itself again.

If working with a canvas, the resize event will wipe the screen clear, so hopefully you are drawing to it absolutely constantly and that does not matter much.