html5 - JavaScript event for canvas resize -


it appears altering dimensions of canvas clears drawing done on canvas.

is there event fires on canvas resize, can hook , redraw when occurs?

you don't want strictly check resize event because fire lot when dynamic resize, $(window).resize in jquery , far i'm aware there no native resize event on elements (there on window). check on interval instead:

function onresize( element, callback ){   var elementheight = element.height,       elementwidth = element.width;   setinterval(function(){       if( element.height !== elementheight || element.width !== elementwidth ){         elementheight = element.height;         elementwidth = element.width;         callback();       }   }, 300); }  var element = document.getelementsbytagname("canvas")[0]; onresize( element, function(){ alert("woo!"); } ); 

Comments