第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定

為什么我出來的是橢圓，有誰能不能上傳一下代碼

我控制臺輸出var r = width/2;console.log(width+" "+r);width是300，r是150有問題嗎

正在回答

3 回答

<script type="text/javascript">

var dom = document.getElementById('clock');

var ctx = dom.getContext('2d');

var width = ctx.canvas.width;

var height = ctx.canvas.height;

var r = width/2;

var rem = width/200;


function drawBackground(){

ctx.save();

ctx.translate(r,r);

ctx.beginPath();

ctx.lineWidth = 10*rem;

ctx.arc(0,0,r-ctx.lineWidth/2,0,2*Math.PI,false);

ctx.stroke();


var hourNumbers = [3,4,5,6,7,8,9,10,11,12,1,2];

ctx.font = 18*rem+'px Arial';

ctx.textAlign = 'center';

ctx.textBaseline = 'middle';?

hourNumbers.forEach(function(number,i){

var rad = 2*Math.PI/12*i;

var x = Math.cos(rad)*(r-30*rem);

var y = Math.sin(rad)*(r-30*rem);

ctx.fillText(number,x,y);

});


for (var i = 0; i < 60; i++) {

var rad = 2*Math.PI/60*i;

var x = Math.cos(rad)*(r-18*rem);

var y = Math.sin(rad)*(r-18*rem);

ctx.beginPath();

if (i%5 === 0) {

ctx.fillStyle = '#000';

ctx.arc(x,y,2*rem,0,2*Math.PI,false);

}else{

ctx.fillStyle = '#ccc';

ctx.arc(x,y,2*rem,0,2*Math.PI,false);

}

ctx.fill();

}


}


function drowHour(hour,minute){

ctx.save();

ctx.beginPath();

var rad = 2*Math.PI/12*hour;

var mrad = 2*Math.PI/12/60*minute;

ctx.rotate(rad+mrad);

ctx.lineWidth = 6*rem;

ctx.lineCap = 'round';

ctx.moveTo(0,10*rem);

ctx.lineTo(0,-r/2);

ctx.stroke();

ctx.restore();

}


function drowMinute(minute){

ctx.save();

ctx.beginPath();

var rad = 2*Math.PI/60*minute;

ctx.rotate(rad);

ctx.lineWidth = 3*rem;

ctx.lineCap = 'round';

ctx.moveTo(0,10*rem);

ctx.lineTo(0,-r+30*rem);

ctx.stroke();

ctx.restore();

}


function drowSecond(second){

ctx.save();

ctx.beginPath();

ctx.fillStyle = '#c14543';

var rad = 2*Math.PI/60*second;

ctx.rotate(rad);

ctx.moveTo(-2*rem,20*rem);

ctx.lineTo(2*rem,20*rem);

ctx.lineTo(1,-r+18*rem);

ctx.lineTo(-1,-r+18*rem);

ctx.fill();

ctx.restore();

}


function drawDot(){

ctx.beginPath();

ctx.fillStyle = '#fff';

ctx.arc(0,0,3*rem,0,2*Math.PI,false);

ctx.fill();

}


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();

drowHour(hour,minute);

drowMinute(minute);

drowSecond(second);

drawDot();

ctx.restore();

}


draw();

setInterval(draw,1000);

</script>

我出來的時鐘是正常的，請參考

0 回復 有任何疑惑可以回復我~
#1

慕粉3197089 提問者

非常感謝！
2016-10-14 回復 有任何疑惑可以回復我~
#2

慕粉3197089 提問者

我只能說一句你的在我這也一樣，是瀏覽器的問題？
2016-10-14 回復 有任何疑惑可以回復我~
#3

無題毛毛 回復 慕粉3197089 提問者

你的是什么問題？
2016-10-19 回復 有任何疑惑可以回復我~

canvas標簽里面加上width=“200”height=“200”

2 回復 有任何疑惑可以回復我~

我只能說一句你的在我這也一樣，是瀏覽器的問題？

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

為什么我出來的是橢圓，有誰能不能上傳一下代碼

我要回答 關注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號