61,115
社区成员
发帖
与我相关
我的任务
分享来人啊，救命啊，眼睛都看花了，为什么这段js不生效啊
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>24canvas元素创建画布</title>
<script type="text/javascript" src="24canvas.js"></script>
</head>
<body onload="draw('canvas')">
<canvas id="canvas" width="600px" height="400px"></canvas>
</body>
</html>function draw(id){
var canvas = document.getElementById(id);
var context = canvas.getcontext('2d');
context.fillstyle = "#000";
context.strokestyle = "#f60";
context.fillrect(0,0,300,300);
context.linewidth = 5;
context.strokeRect(50,50,120,120)
}
...全文
请发表友善的回复…
发表回复
szuzsq 2018-07-20
- 打赏
- 举报
楼主勿喷,我看了你的其他问题,感觉你是新手,有不会的,就出来问了.
我觉得你可以先把基础打牢固.比如说,要忍得住枯燥和生涩,把html,css,js等的参考手册仔细学好.
我觉得你可以先把基础打牢固.比如说,要忍得住枯燥和生涩,把html,css,js等的参考手册仔细学好.
天际的海浪 2018-07-20
- 打赏
- 举报
属性名（方法名）中第一个之后的单词首字母要大写
var context = canvas.getContext('2d');
context.fillStyle = "#000";
context.strokeStyle = "#f60";
context.fillRect(0,0,300,300);
context.lineWidth = 5;
context.strokeRect(50,50,120,120)
var context = canvas.getContext('2d');
context.fillStyle = "#000";
context.strokeStyle = "#f60";
context.fillRect(0,0,300,300);
context.lineWidth = 5;
context.strokeRect(50,50,120,120)
当作看不见 2017-09-30
- 打赏
- 举报
<!DOCTYPE HTML>
<html>
<head>
</head>
<script type="text/javascript">
function draw(id){
var canvas = document.getElementById(id);
var context = canvas.getContext('2d'); //你的getcontent 写错了
context.fillstyle = "#000";
context.strokestyle = "#f60";
context.fillRect(0,0,300,300);//fillRect 写错了
context.linewidth = 5;
context.strokeRect(50,50,120,120)
}
</script>
<body onload="draw('canvas')">
<canvas id="canvas" width="600px" height="400px"></canvas>
</body>
</html>
本人QQ-554433626 2017-09-30
- 打赏
- 举报
这么点代码看花了
