始创于2000年 股票代码:831685
咨询热线:0371-60135900 注册有礼 登录
  • 挂牌上市企业
  • 60秒人工响应
  • 99.99%连通率
  • 7*24h人工
  • 故障100倍补偿
您的位置: 网站首页 > 帮助中心>文章内容

html5-canvas绘制钟表代码

发布时间:  2012/8/20 18:07:26

<!DOCTYPE HTML>

 

<mate charset="utf-8" />

 

<head>

 

<title>html5-canvas-clock</title>

 

<style> 电脑知识www.boydavid.com

#canvas{ margin:0 auto; display:block;}

</style> 电脑常识www.boydavid.com

<script>

window.onload=function(){

 

var canvas=document.getElementById('canvas');

 

if(canvas==null){ 电脑硬件www.boydavid.com

return false;

 

}

var context=canvas.getContext('2d');

 

//创建画布 电脑软件www.boydavid.com

context.fillStyle='#eeeeff';

 

context.fillRect(0,0,200,200);

 

//开始路径 电脑入门www.boydavid.com

context.beginPath();

 

//画外圆 电脑软件www.boydavid.com

context.arc(100,100,99,0,2*Math.PI,false);

 

//画内圆www.boydavid.com 计算机爱好者www.boydavid.com

context.moveTo(194,100);

 

context.arc(100,100,94,0,2*Math.PI,false);

 

//秒针 电脑软件www.boydavid.com

context.moveTo(100,100);

context.lineTo(50,180);

 

//分针

 

context.moveTo(100,100);

 

context.lineTo(100,15);

//时针 电脑软件www.boydavid.com

context.moveTo(100,100); 电脑硬件www.boydavid.com

context.lineTo(35,100);

context.stroke();

 

}

 

</script>

</head> 计算机学习网站www.boydavid.com

<body> 电脑软件www.boydavid.com

<canvas id='canvas' width="200" height="200"></canvas>


本文出自:亿恩科技【www.enkj.com】

服务器租用/服务器托管中国五强!虚拟主机域名注册顶级提供商!15年品质保障!--亿恩科技[ENKJ.COM]

  • 您可能在找
  • 亿恩北京公司:
  • 经营性ICP/ISP证:京B2-20150015
  • 亿恩郑州公司:
  • 经营性ICP/ISP/IDC证:豫B1.B2-20060070
  • 亿恩南昌公司:
  • 经营性ICP/ISP证:赣B2-20080012
  • 服务器/云主机 24小时售后服务电话:0371-60135900
  • 虚拟主机/智能建站 24小时售后服务电话:0371-60135900
  • 专注服务器托管17年
    扫扫关注-微信公众号
    0371-60135900
    Copyright© 1999-2019 ENKJ All Rights Reserved 亿恩科技 版权所有  地址:郑州市高新区翠竹街1号总部企业基地亿恩大厦  法律顾问:河南亚太人律师事务所郝建锋、杜慧月律师   京公网安备41019702002023号
      0
     
     
     
     

    0371-60135900
    7*24小时客服服务热线