javascript执行顺序
解释处的两个问题：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
#outer{
margin: 0 auto;
text-align: center; // 问题一： why??? 不写画布不居中
}
</style>
</head>
<body>
<div id="outer">
<canvas id="myCanvas" width="320px" height="480px" ></canvas>
</div>
<script type="text/javascript">
var myCanvas = document.getElementById("myCanvas");
var ctx = myCanvas.getContext("2d");
//背景图
function drawBackground(){
ctx.fillStyle = "rgb(35,45,50)";
ctx.fillRect(0,0,myCanvas.width,myCanvas.height);
}
//分数图
function drawScore(){
ctx.fillStyle = "#CCFF99";
ctx.font = "16px sans-serif";
ctx.fillText("Score:" + score,10,24);
} //问题二：分数画布为什么不出现
//文档加载监听事件
document.addEventListener("DOMContentLoaded",drawBackground());
</script>
</body>
</html>
牛肉速冻矮子2回答
-
日光弥散
问题1，你要给#outer设置一个宽度 不然margin：0 auto没用问题2，不调用当然不会出来 -
Stardust1001
你调用了吗？？？？？？
随时随地看视频慕课网APP
相关分类
Html5
JavaScript