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

急急急

58c012820001e88507801040.jpg
只有那个画布呀π_π,出来效果圆啊,各位拜托拜托!!!!!谢谢谢谢

正在回答

6 回答

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width,initial-scale=1">

<title>canvas clock</title>

<style>

div{

text-align: center;

margin-top: 250px;

}

#clock{

border:10px solid #ccc;

}

</style>

</head>

<body>

<div>

<canvas id="clock" height="400px" width="400px"></canvas>

</div>


</body>


<script>




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.lineWidth = 10;

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

ctx.stroke();

}

drawBackground()

</script>


</html>

这是按你的代码基本一摸一样打的 我是可以出来的  你可以复制去试试   不行那就换浏览器 火狐或者chrome

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

cutecat1234567890_ 提问者

好么,谢谢你啊!!
2017-03-09 回复 有任何疑惑可以回复我~
#2

我爱吃牛排 回复 cutecat1234567890_ 提问者

不客气:)
2017-03-09 回复 有任何疑惑可以回复我~
#3

cutecat1234567890_ 提问者

我复制你的代码,然后圆出来了,等我自己再打时,它又消失了,又要麻烦你了,我已经重复好几次了π_π
2017-03-09 回复 有任何疑惑可以回复我~
#4

我爱吃牛排 回复 cutecat1234567890_ 提问者

建议你不要用IE 比如下个chrome浏览器 打开你HTML页面后按F12 点下方console也就是控制台 自己看里面报了什么错 就比如分号 用了英文的;或者中文的;我是看不出来的
2017-03-10 回复 有任何疑惑可以回复我~
查看1条回复


58c1239e0001d50c07801040.jpg
麻烦再帮我看下π_π

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

你最后一句drawBackground()的意思是调用这个函数 但是你并没有定义这个函数  你把window.onload = 去掉 

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

cutecat1234567890_ 提问者

不管用,没出来
2017-03-09 回复 有任何疑惑可以回复我~

Math.PI不能小写

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

cutecat1234567890_ 提问者

改了,还是不出效果圆::>_<::
2017-03-09 回复 有任何疑惑可以回复我~


58c1012a0001b1e407801040.jpg
这是代码-_-||

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

ie9以下的不支持哦

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

cutecat1234567890_ 提问者

我是I11呀
2017-03-09 回复 有任何疑惑可以回复我~
#2

我爱吃牛排 回复 cutecat1234567890_ 提问者

你不放代码别人怎么看呢:)
2017-03-09 回复 有任何疑惑可以回复我~
#3

cutecat1234567890_ 提问者 回复 我爱吃牛排

上传了,麻烦大神帮忙看看,谢谢哈!!
2017-03-09 回复 有任何疑惑可以回复我~

举报

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

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

进入课程
意见反馈 帮助中心 APP下载
官方微信