課程
/前端開發(fā)
/Html5
/Canvas 繪制時(shí)鐘
怎么用數(shù)組遍歷填寫鐘表的時(shí)鐘和分鐘
2017-08-09
源自:Canvas 繪制時(shí)鐘 4-1
正在回答
function drowHour(h,m) { ? ?cxt.save(); ? ?cxt.beginPath(); ? ?var rad ?= 2 * Math.PI / 12 * h; ? ?var mrad = 2 * Math.PI / 12 / 60 * m; ? ?cxt.rotate(rad + mrad); ? ?cxt.moveTo(0,10 ); ? ?cxt.lineTo(0,- r/2); ? ?cxt.lineWidth = 6; ? ?cxt.lineCap = "round"; ? ?cxt.stroke(); ? ?cxt.restore();}function drowMinits(m) { ? ?cxt.save(); ? ?cxt.beginPath(); ? ?var rad ?= 2 * Math.PI / 60 * m; ? ?cxt.rotate(rad); ? ?cxt.moveTo(0,10); ? ?cxt.lineTo(0,- r + 30); ? ?cxt.lineWidth = 3; ? ?cxt.lineCap = "round"; ? ?cxt.stroke(); ? ?cxt.restore();}
借鑒Silva Zhou老師的上課代碼
舉報(bào)
canvas畫出漂亮的時(shí)鐘,通過本教程能重新掌握一些幾何知識(shí)
4 回答canvas時(shí)鐘
1 回答canvas畫時(shí)鐘
2 回答canvas時(shí)鐘內(nèi)容
2 回答Canvas靜態(tài)時(shí)鐘制作
2 回答時(shí)分秒鐘閃現(xiàn)
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-08-14
function drowHour(h,m) {
? ?cxt.save();
? ?cxt.beginPath();
? ?var rad ?= 2 * Math.PI / 12 * h;
? ?var mrad = 2 * Math.PI / 12 / 60 * m;
? ?cxt.rotate(rad + mrad);
? ?cxt.moveTo(0,10 );
? ?cxt.lineTo(0,- r/2);
? ?cxt.lineWidth = 6;
? ?cxt.lineCap = "round";
? ?cxt.stroke();
? ?cxt.restore();
}
function drowMinits(m) {
? ?cxt.save();
? ?cxt.beginPath();
? ?var rad ?= 2 * Math.PI / 60 * m;
? ?cxt.rotate(rad);
? ?cxt.moveTo(0,10);
? ?cxt.lineTo(0,- r + 30);
? ?cxt.lineWidth = 3;
? ?cxt.lineCap = "round";
? ?cxt.stroke();
? ?cxt.restore();
}
借鑒Silva Zhou老師的上課代碼