码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-09-18 15:04:09      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:

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

技术分享

 

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

标签:

原文地址:http://www.cnblogs.com/dawei1993/p/5881347.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!