I can't get the onload event to work for a Canvas element. Here's the HTML:
<!DOCTYPE html>
<html>
<head>
<script src="js/main.js"></script>
</head>
<body>
<canvas id="modelZone" onload="initializeCanvas();" width="400" height="300"></canvas>
</body>
</html>
And here's the Javascript in main.js:
function initializeCanvas(){
alert("hello");
}
I know that the HTML is finding main.js, because if I change onload to onclick it works correctly: clicking in the region of the Canvas triggers an alert. So why can't I do this with onload?
Only the body element (and perhaps iframe) can fire a onload event. Simply put <script> initializeCanvas(); </script> after the <canvas> tag.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With