为什么canvas画布不显示呢，感觉JS代码没有起作用是怎么回事
斗破苍穹9443
2016-03-06 16:20
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>canvas元素示例</title>
</head>
<body>
<h1>canvas元素示例</h1>
<canvas id="canvas" width="1024",height="1080"，style="border: 1px solid #aaa;display:block;margin: 50px,auto;">绘图区域</canvas>
<script type="text/javascript">
window.onload=funciotn(){
var canvas=document.getElementById("canvas");
var context=canvas.getContext("2d");
context.moveTo(100,100);
context.lineTo(700,700);
context.stroke();
}
</script>
</body>
</html>
4回答
-
- qq_功夫小蝇_0
- 2016-03-06 17:00:30
function写错了
-
- 是来学习的
- 2016-03-06 16:47:10
在context.stroke();的上一句代码 前 加上 一句代码
context.strokeStyle="red";
你还有一个问题
window.onload=function(){}
这里的关键字 function 是我这样写的
-
- 是来学习的
- 2016-03-06 16:39:44
margin：50px auto；
-
- 是来学习的
- 2016-03-06 16:38:38
<canvas id="canvas" width="1024" height="1080" style="border: 1px solid #aaa;display:block;margin: 50px,auto;">绘图区域</canvas>
看我的代码
注意你的 格式
炫丽的倒计时效果Canvas绘图与动画基础
96746 学习 · 1000 问题
相似问题