如何用canvas繪制鐘表？lt！DOCTYPE htmlgtlthtmlgtltheadgtltmeta charsetutf-8 /gtlttitlegtHTML5定時(shí)器lt/titlegtlts

如何用canvas繪制鐘表？

lt！DOCTYPE htmlgt

lthtmlgt

ltheadgt

ltmeta charsetutf-8 /gt

lttitlegtHTML5定時(shí)器lt/titlegt

ltscript

ltstylegt

. Clock {height :500 pixels margin :25 pixels automatic position : relative width :500 pixels} lt/stylegt lt/hEAD gt lt body gt l header gt lt 2g thtml 5 timer lt/h2gt lt/header gt lt div class clocks gt lt canvas id canvas寬度500高度500 gt lt/canvasgt lt/div gt lt/body gt lt/html gt

ltscriptgtvar畫(huà)布，ctx

var clockRadius 250var clockImage

函數(shù)clear() { (0，0，，)}函數(shù)draw scene(){ clear()var Date new Date()var hours()var minutes()var seconds()hours hours gt 12？ Hours-12 : hours and minutes/60 hours and minutes猶特人分鐘秒/ 60 () ctx.drawImage(clockImage，0，0，500，500) (canvas.width / 2，canvas.height/2)()36px Arial # 000 CTX。文本居中對(duì)齊CTX。(var n 1n lt 12n){ v的中間文本基線arθ(n-3)*(數(shù)學(xué)π* 2)/12 var x時(shí)鐘半徑* 0.9 *(θ)var y時(shí)鐘半徑* 0.9 *(theta) (n，x，y)}()var theta(hour-3)* 2 * Math .π/12(θ)()(-15，-5) (-15，5)(時(shí)鐘ius * 0.5，1) (clockRadius * 0.5，-1)()()()var theta(minute-15)* 2 * Mathπ/60(θ)()。(-15，-4) (-15，4) (clockRadius * 0.8，1) (clockRadius * 0.8，-1) () () () var theta(秒-15)* 2 *數(shù)學(xué)π/60(θ)()(-15，-3) (-15，3) (clockRadius * 0.9，1) (clockRadius * 0.9，-1) #0f0 () () () () //畫(huà)筆開(kāi)始5 //設(shè)置畫(huà)筆線寬//設(shè)置畫(huà)筆顏色(250，250，248，0，360，false) //畫(huà)一個(gè)圓，坐標(biāo)250，250，半徑200，整圓(0-360)。度),假的表示順時(shí)針 () //繪圖 () //結(jié)束畫(huà)布} $(function(){ canvas(畫(huà)布)CTX(2d)時(shí)鐘圖像新圖像()setInterval(drawScene，1000)})lt/scriptgt

jsdun是什么牌子？

Jsdun金士頓手表是國(guó)產(chǎn)品牌。采用日本的應(yīng)時(shí)運(yùn)動(dòng)。金士頓手表以無(wú)與倫比的創(chuàng)新精神，將制表領(lǐng)域的前沿科技與時(shí)尚設(shè)計(jì)完美融合，推出無(wú)數(shù)高品質(zhì)手表。21世紀(jì)初，為全世界的鐘表愛(ài)好者準(zhǔn)備了一塊夢(mèng)寐以求的手表。學(xué)者品質(zhì)的節(jié)日禮物——金士頓瑞士工藝腕表搭載48小時(shí)儲(chǔ)能機(jī)械機(jī)芯，陪伴佩戴者精準(zhǔn)記錄每一段深情回憶。