xxxxxxxxxx
(window.onresize = () => {
canvas.width = innerWidth, canvas.height = innerHeight;
})();
// Condensed
(window.onresize=e=>{canvas.width=innerWidth,canvas.height=innerHeight})()
xxxxxxxxxx
use % instead of vh and vw:
canvas{
height: 100vh;
widht: 100vw;
} /* slightly larger then the window */
canvas{
height: 100%;
width: 100%;
} /* fits perfectly to the scren */
xxxxxxxxxx
function resize() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
render();
}
window.addEventListener('resize', resize, false); resize();
function render() { // draw to screen here
}