【canvas】半圆和半弧——首尾是否绘制连接

<body>
<canvas id="c1" style="border:1px solid red;display:block;margin:0 auto;"></canvas>
</body>
<script>
window.onload=function(){
var canvas=document.getElementById('c1');
var context=canvas.getContext('2d');

canvas.width='800'
canvas.height='800'

context.beginPath();
context.arc(400,400,200,0,0.5*Math.PI,true);
context.closePath();
context.strokeStyle='blue';
context.stroke();
}
</script>
</html>

 

<body>
<canvas id="c1" style="border:1px solid red;display:block;margin:0 auto;"></canvas>
</body>
<script>
window.onload=function(){
var canvas=document.getElementById('c1');
var context=canvas.getContext('2d');

canvas.width='800'
canvas.height='800'

context.beginPath();
context.arc(400,400,200,0,0.5*Math.PI,true);
context.strokeStyle='blue';
context.stroke();
context.closePath();
}
</script>
</html>

 

posted @ 2016-09-18 13:46  大巍的前端开发之路  阅读(1886)  评论(0)    收藏  举报