已采纳回答 / 我爱吃牛排
<!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
最赞回答 / 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
最赞回答 / 任性不是罪
因为lineWidth的宽度值是以图形的边缘为基准向两边扩展的，也就是说原来的半径为r，给了一个10像素的宽度，那么新的半径（到外边）就是r+5，到内边的半径就是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（）函数里面的ctx.restore（）之前的函数（drawSecond（））里面的开始不需要ctx.save()，后面也不需要ctx.restore()，我的一开始就是因为设置秒针的函数的开头设置了个ctx.save(),右下角四分之一没了，因为你在设置秒针的开头设置一个ctx.save（）会导致draw里面的清除函数的画布原点，变成秒针的原点，也就是圆的中心点，今天才刚开始学canvas，也不知道我理解的对不对，反正你可以试试
2017-02-18
