我的不出来直线，检查没问题啊，求指教！着急啊、、、
来源：2-2 绘制直线、多边形和七巧板
江山如画_莫等闲
2014-12-08 22:08
<!DOCTYPE html >
<html>
<head>
<meta charset=utf-8 >
<title>无标题文档</title>
</head>
<body>
<canvas id=" canvas" width=1024 height=768 style=" border:1px solid #aaa;display:block;margin:50px auto;"></canvas>
<script>
window.onload=function(){
var canvas=document.getElementById("canvas");
var context=canvas.getContext("2d")
context.moveTo(100,100)
context.lineTo(700,700)
context.lineWidth=5
context.strokeStyle="#005588"
context.stroke()
}
</script>
</body>
</html>
写回答
关注
2回答
-
- Tracy_
- 2014-12-08 23:07:34
//id改一下，你的有空格，所以下面找不到这个canvas <canvas id="canvas" width=1024 height=768 style=" border:1px solid #aaa;display:block;margin:50px auto;"></canvas>
顺便说一下，你的js代码既然都放在body下面了，window.onload 是多此一举哦，可以去掉window.onload = function(){} 直接写里面的代码。
-
- 江山如画_莫等闲
- 2014-12-08 22:11:15
实图如此，求指导
炫丽的倒计时效果Canvas绘图与动画基础
学习HTML5中最激动人心的技术Canvas，彻底释放自己的创造力
96775 学习 · 1000 问题
相似问题