这些代码不能画出线条

源自：2-2 绘制直线、多边形和七巧板

这些代码不能画出线条

<!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>

提问者：lxlx2520 2016-04-04 20:59

个回答

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写错了）

0
慕粉9003383

2016-04-04 22:58:53

var cantext=canvas.getContext("2d") 注意这里的变量名和下面的不一样哦

0