这些代码不能画出线条
lxlx2520
2016-04-04 20:59
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<canvas id="canvas" width="1024" height="768" style="border:1px solid #aaa;display:block;margin:50px auto;"></canvas>
<body>
<script>
window.onload=function(){
var canvas=document.getElementById("canvas");
canvas.wdith=1024
canvas.height=768
var cantext=canvas.getContext("2d")
context.moveTo(100,100)
context.lineTo(700,700)
context.stroke()
}
</script>
</body>
</html>
2回答
-
- kertz
- 2016-04-26 15:23:20
1---canvas元素没放到body里，你放在body外面。
2---context.move后面的都错了，你声明的是var cantext=canvas.getContext("2d"),所以要用cantext.moveTo,cantext.lineTo,cantext.stroke
ps：既然你的canvas已经有width,height属性了为什么js里还要声明一次。（js里面你的width写错了）
-
- 慕粉9003383
- 2016-04-04 22:58:53
var cantext=canvas.getContext("2d") 注意这里的变量名 和下面的不一样哦
炫丽的倒计时效果Canvas绘图与动画基础
96746 学习 · 1000 问题
相似问题