                        課程
                    
                        /前端開發(fā)
                        
                            /Html5
                        
                        /炫麗的倒計(jì)時(shí)效果Canvas繪圖與動(dòng)畫基礎(chǔ)

為何我繪制的圓有一條一條的連線

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="UTF-8">

? ? <title>CanvasArc</title>

</head>

<body>

? ? 如果瀏覽器不支持請(qǐng)更換瀏覽器！?。?/p>

</canvas>

? ? ? ? var canvas=document.getElementById("canvas");

? ? ? ? canvas.width=800;

? ? ? ? canvas.height=800;

? ? ? ? var context=canvas.getContext('2d');

? ? ? ? for(var i=0;i<10;i++){

? ? ? ? ? context.arc(50+i*100,200,40,0,2*Math.PI*(i+1)/10,true);

? ? ? ? ? ? context.closePath();

? ? ? ? ? ? context.stroke();

? ? ? ? }

</script>

</body>

</html>

請(qǐng)哪位同學(xué)幫我運(yùn)行一下看看問題在哪里謝謝

00:00

喝奶茶的貓

2015-02-06

源自：炫麗的倒計(jì)時(shí)效果Canvas繪圖與動(dòng)畫基礎(chǔ) 2-3

關(guān)注問題我要回答

1273

操作

收起

1 回答

derrick9006
2015-02-12

beginPath() 呢？

<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>CanvasArc</title>
</head>
<body>
<canvas?id="canvas"?style="display:?block;border:?1px?solid?#aaa;margin:?50px?auto">
????如果瀏覽器不支持請(qǐng)更換瀏覽器?。?！
</canvas>
<script>
????????var?canvas=document.getElementById("canvas");
????????canvas.width=800;
????????canvas.height=800;
????????var?context=canvas.getContext('2d');
????????for(var?i=0;i<10;i++){
			context.beginPath();
			context.arc(50+i*100,200,40,0,2*Math.PI*(i+1)/10,true);
????????????context.closePath();
????????????context.stroke();
????????}

</script>
</body>
</html>