面试经历
来源：互联网 发布：美图秀秀软件怎样赚钱 编辑：程序博客网 时间：2024/04/29 03:49
function d2a(n){return n*Math.PI/180;};window.onload = function(){var oC = document.getElementById('c1');var gd = oC.getContext('2d');var d = 0;var timer;//画圆function clearArc(){gd.clearRect(0,0,oC.width,oC.height);gd.beginPath();d+=1;gd.arc(250,250,100,d2a(0),d2a(d/100*360),false);gd.strokeStyle = 'rgb('+d/100*256+',255,0)';gd.lineWidth = 20;gd.stroke();var str = ((d/100)*100).toFixed(2)+'%';gd.font = '30px 微软雅黑';gd.textAlign = 'center';gd.textBaseline = 'middle';gd.fillText(str,250,250);gd.closePath();}//判断是否完成一圈，完成一圈清屏，重新开始function drawArc(){clearArc();if(d == 102){d = 0;clearArc();}};drawArc();clearInterval(timer);timer = setInterval(drawArc,50);};
昨天去面试，自己有点紧张了，说让写一个Demo，圆形进度条，光想着用JS实现了，没想到用canvas，最后面试官说可以用canvas实现，有点郁闷，平时用到的竟然没想起来。现写上代码。 0 0
