html5-canvas繪制鐘表代碼 |
發(fā)布時(shí)間: 2012/8/20 18:07:26 |
<!DOCTYPE HTML>
<mate charset="utf-8" />
<head>
<title>html5-canvas-clock</title>
<style> 電腦知識(shí)www.boydavid.com #canvas{ margin:0 auto; display:block;} </style> 電腦常識(shí)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');
//創(chuàng)建畫(huà)布 電腦軟件www.boydavid.com context.fillStyle='#eeeeff';
context.fillRect(0,0,200,200);
//開(kāi)始路徑 電腦入門(mén)www.boydavid.com context.beginPath();
//畫(huà)外圓 電腦軟件www.boydavid.com context.arc(100,100,99,0,2*Math.PI,false);
//畫(huà)內(nèi)圓www.boydavid.com 計(jì)算機(jī)愛(ài)好者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); //時(shí)針 電腦軟件www.boydavid.com context.moveTo(100,100); 電腦硬件www.boydavid.com context.lineTo(35,100); context.stroke();
}
</script> </head> 計(jì)算機(jī)學(xué)習(xí)網(wǎng)站www.boydavid.com <body> 電腦軟件www.boydavid.com <canvas id='canvas' width="200" height="200"></canvas> 本文出自:億恩科技【www.cmtents.com】 服務(wù)器租用/服務(wù)器托管中國(guó)五強(qiáng)!虛擬主機(jī)域名注冊(cè)頂級(jí)提供商!15年品質(zhì)保障!--億恩科技[ENKJ.COM] |