我先写了一遍,发现画不出来。看了老师代码,改了也没用。最后在开头加了window.onload。画了一个椭圆,检查一下是原点和半径的问题
2017-03-04
最赞回答 / 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