已采納回答 / 我愛(ài)吃牛排
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width,initial-scale=1"><title>canvas clock</title><style>div{text-align: center;margin-top: 250px;}#clock{border:10px solid #ccc;}</style&g...
2017-03-08
最贊回答 / 我愛(ài)吃牛排
js代碼沒(méi)有問(wèn)題 看看你是不是HTML頁(yè)面寫(xiě)錯(cuò)了 你可能忘記引入你這個(gè)JS了 ?還有IE9以下的不支持的哦
2017-03-08
最贊回答 / qq_Lamaarasadne_0
<script>clock.jsvar dom = document.getElementById('clock');var ctx = dom.getContext('2d');var width = ctx.canvas.width;var height = ctx.canvas.height;var r = width / 2;function drawBackground() {?"use strict";?ctx.translate(r, r);?ctx.beginPath();?c...
2017-03-02
最贊回答 / 任性不是罪
因?yàn)閘ineWidth的寬度值是以圖形的邊緣為基準(zhǔn)向兩邊擴(kuò)展的，也就是說(shuō)原來(lái)的半徑為r，給了一個(gè)10像素的寬度，那么新的半徑（到外邊）就是r+5，到內(nèi)邊的半徑就是r-5。
2017-02-27
最新回答 / 雪狼湖小雪
function draw() {ctx.clearRect(0,0,width,height);var now=new Date();var hour=now.getHours();var minute-now.getMinutes();//你把=打成-了var second=now.getSeconds();drawBackground();drawHour (hour,minute);drawMinute (minute);drawSecond (second);drawDot();ctx.rest...
2017-02-24
已采納回答 / 慕工程0708615
得看下你的代碼，在draw（）函數(shù)里面的ctx.restore（）之前的函數(shù)（drawSecond（））里面的開(kāi)始不需要ctx.save()，后面也不需要ctx.restore()，我的一開(kāi)始就是因?yàn)樵O(shè)置秒針的函數(shù)的開(kāi)頭設(shè)置了個(gè)ctx.save(),右下角四分之一沒(méi)了，因?yàn)槟阍谠O(shè)置秒針的開(kāi)頭設(shè)置一個(gè)ctx.save（）會(huì)導(dǎo)致draw里面的清除函數(shù)的畫(huà)布原點(diǎn)，變成秒針的原點(diǎn)，也就是圓的中心點(diǎn)，今天才剛開(kāi)始學(xué)canvas，也不知道我理解的對(duì)不對(duì)，反正你可以試試
2017-02-18