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

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

為什么按視頻上寫的最后出不來圓呢，求大神指教


代碼什么的都對

正在回答

2 回答

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>canvas clock</title>

<style type="text/css">

div{text-align: center; margin-top: 230px;}

#clock{border: 1px solid #fff;}

</style>

</head>

<body>

<div>

<canvas id="clock" height="200px" width="200px"></canvas>

</div>

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

//圓形

function drawBackground(){

ctx.save();

ctx.translate(r, r);

ctx.beginPath();

ctx.lineWidth = 10;

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

ctx.stroke();

drawBackground();

</script>

</body>

</html>

為什么寫成上面的代碼不能顯示

0 回復(fù) 有任何疑惑可以回復(fù)我~

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>canvas clock</title>

<style type="text/css">

div{text-align: center; margin-top: 230px;}

#clock{border: 1px solid #fff;}

</style>

</head>

<body>

<div>

<canvas id="clock" height="200px" width="200px"></canvas>

</div>

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

//圓形

function drawBackground(){

ctx.save();

ctx.translate(r, r);

ctx.beginPath();

ctx.lineWidth = 10;

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

ctx.stroke();

//數(shù)字

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

ctx.font = '18px 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);

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

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

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

ctx.beginPath();

if (i % 5 == 0) {

ctx.fillStyle='#000';

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

}else{

ctx.fillStyle='#ccc';

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

}

ctx.fill();

}

}

//時針

function drawHour(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;

ctx.lineCap='round';

ctx.moveTo(0,10);

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

ctx.stroke();

ctx.restore();

}

//分針

function drawMinute(minute){

ctx.save();

ctx.beginPath();

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

ctx.rotate(rad);

ctx.lineWidth=3;

ctx.lineCap='round';

ctx.moveTo(0,10);

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

ctx.stroke();

ctx.restore();

}

//秒針

function drawSecond(second){

ctx.save();

ctx.beginPath();

ctx.fillStyle='#c14543';

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

ctx.rotate(rad);

ctx.moveTo(-2,20);

ctx.lineTo(2, 20);

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

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

ctx.fill();

ctx.restore();

}

//圓點

function drawDot(){

ctx.beginPath();

ctx.fillStyle='#fff';

ctx.arc(0,0,3,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();

drawHour(hour, minute);

drawMinute(minute);

drawSecond(second);

drawDot();

ctx.restore();

}

draw();

setInterval(draw,1000);

</script>

</body>

</html>


0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

慕桂英6574974

我這樣寫可以顯示，你看下吧
2016-11-29 回復(fù) 有任何疑惑可以回復(fù)我~
#2

慕粉4183213 提問者

如果只是想顯示圓為什么不行
2016-11-29 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消

為什么按視頻上寫的最后出不來圓呢，求大神指教

我要回答 關(guān)注問題
微信客服

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

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號