画图没线-慕课网

画图没线

来源：2-1 创建canvas

唐特不灵

2017-09-21 14:04

为什么我用dreamweaver写画线只有框没线
<!doctype html>
<html>
<head lang="en">
<meta charset="utf-8">
<title></title>
</head>
<canvas id"canvas" width="1024" heigth="768" style ="border:1px solid #aaa;display:block;margin : 50px auto;">
</canvas>
<body>
<script>
window.onload=function()
{
var canvas=document.getElementById("canvas");

canvas.width=1024;
canvas.heigth=768;

/*if(canvas.getContext("2d"))
{*/
var context=canvas.getContext("2d")
context.moveTo(100,100)
context.lineTo(700,700)

context.moveTo(100,700)
context.lineTo(100,100)

context.fillStyle="rag210030"
context.lineWidth=5
contsxt.strokeStyle="#005588"
context.stroke()
/*}
else
{
alert('当前浏览器不支持canvas,请更换浏览器后再试'
}*/

}
</script>
</body>
</html>