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

如何用canvas繪制鐘表？

lt！DOCTYPE htmlgt

lthtmlgt

ltheadgt

ltmeta charsetutf-8 /gt

lttitlegtHTML5定時器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畫布，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。文本居中對齊CTX。(var n 1n lt 12n){ v的中間文本基線arθ(n-3)*(數(shù)學π* 2)/12 var x時鐘半徑* 0.9 *(θ)var y時鐘半徑* 0.9 *(theta) (n，x，y)}()var theta(hour-3)* 2 * Math .π/12(θ)()(-15，-5) (-15，5)(時鐘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ù)學π/60(θ)()(-15，-3) (-15，3) (clockRadius * 0.9，1) (clockRadius * 0.9，-1) #0f0 () () () () //畫筆開始5 //設置畫筆線寬//設置畫筆顏色(250，250，248，0，360，false) //畫一個圓，坐標250，250，半徑200，整圓(0-360)。度),假的表示順時針 () //繪圖 () //結束畫布} $(function(){ canvas(畫布)CTX(2d)時鐘圖像新圖像()setInterval(drawScene，1000)})lt/scriptgt

jsdun是什么牌子？

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