canvas怎么画一个圆形?

王朝干货 · 作者: 佚名 2023-06-28
标签:   字体: |||超大
 
Abstract
canvas画一个圆形效果如下:
your browser does not support the canvas tag.
Text

canvas画一个圆形代码如下:

<canvas id="canvas_img1">your browser does not support the canvas tag.</canvas>
<script type="text/javascript">
var canvas = document.getElementById('canvas_img1');
canvas.width = '250';
canvas.height = '100';
var ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.arc(50,50,50,0,Math.PI*2,true);
ctx.strokeStyle = '#00FF00';
ctx.fillStyle = '#00FF00';
ctx.fill();//实心
ctx.beginPath();
ctx.arc(200,50,50,0,Math.PI*2,true);
ctx.strokeStyle = '#00FF00';
ctx.fillStyle = '#00FF00';
ctx.stroke();//空心
</script>

 
 
Recommend
 
>>返回首頁<<