Canvas Sizing Incorrectly On Loading

I have a canvas webpage that functionally works but occasionally sizes incorrectly on start up. Says I have declared a canvas html tag like this: <

Solution 1:

What if you put it all in the

$(document).ready(function()

function? Quote:

Everything inside it will load as soon as the DOM is loaded and before the page contents are loaded. (Source: http://www.learningjquery.com/2006/09/introducing-document-ready)