Canvas可以在HTML文件中工作，但不能在javascript文件中工作

Canvas works in HTML file, but not javascript file

本文关键字：工作 文件 但不能 javascript Canvas HTML      更新时间：2023-09-26

我刚刚完成了我的第一本JavaScript书《Head first HTML5》，我觉得自己很笨。如果我把脚本放在HTML文件中，它可以工作，但不能在单独的JavaScript文件中工作。

HTML文件：

<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<script src="canArt.js"></script>
</head>
<body>
<canvas id="canvas" width="800" height="800"></canvas> 
</body>
</head>

JS文件：

window.onload = init();
function init() {  
 var canvas = document.getElementById("canvas");  
 var ctx = canvas.getContext("2d");  
 ctx.fillStyle = "rgb(200,0,0)";  
 ctx.fillRect (10, 10, 55, 50);  
 ctx.fillStyle = "rgba(0, 0, 200, 0.5)";  
 ctx.fillRect (30, 30, 55, 50);  
}

请帮忙。

通过包含parens并将init的结果分配给onload处理程序，立即执行init函数。。。

更改：

window.onload = init();

至：

window.onload = init;

http://jsfiddle.net/sFmNw/

相关文章：