为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我照着3-1课程打,最后画圆仍然最后画圆仍然画不出来。

代码供上,请大神指教
time.html

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <script type="text/javascript" src="clock.js"></script>
 <style type="text/css">
  div{
   text-align: center;
   margin-top: 250px;
  }
  #clock{
   border: 1px solid #ccc;
  }
 </style>
</head>
<body>
 <div>
  <canvas id="clock" height="200px" width="200px"></canvas>
 </div>
 </body>
</html>
clock.js

var dom = document.getElementById('clock');
var ctx = dom.getContext('2d');
var width = ctx.canvas.width;
var height = ctx.canvas.height;
var r = width / 2;
function drawBackground() {
 "use strict";
 ctx.translate(r, r);
 ctx.beginPath();
 ctx.arc(0, 0, r, 0, 2 * Math.PI, false);
 ctx.stroke();
}drawBackground();

正在回答

2 回答

 <script type="text/javascript" src="clock.js"></script>   这句要放到body中div的后边



0 回复 有任何疑惑可以回复我~

<script>

clock.js

var dom = document.getElementById('clock');

var ctx = dom.getContext('2d');

var width = ctx.canvas.width;

var height = ctx.canvas.height;

var r = width / 2;

function drawBackground() {

 "use strict";

 ctx.translate(r, r);

 ctx.beginPath();

 ctx.arc(0, 0, r, 0, 2 * Math.PI, false);

 ctx.stroke();

}

drawBackground();

</script>

加一个<script></script>就可出来啊

1 回复 有任何疑惑可以回复我~
#1

枫语 提问者

能在外置JS文件中加<script></script>标签么? 已经将外置JS改为内置,但仍不行。 使用得是Chrome浏览器,
2017-03-04 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
Canvas 绘制时钟
  • 参与学习       49750    人
  • 解答问题       160    个

canvas画出漂亮的时钟,通过本教程能重新掌握一些几何知识

进入课程

为什么我照着3-1课程打,最后画圆仍然最后画圆仍然画不出来。

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信