怎么把canvas画布变成圆形
新建一个html5的文档，建立一个canvas画布，设置长宽，这里需要特别注意，canvas标签可以在标签内设置width,height,也能通过css来设置，但是通过css来设置的标签，当绘制图形的时候会变形，所以我们建议直接在标签内设置。
canvas画布本身不能绘画，它必须通过javascript来实现它的绘画功能，getContext('2d'),是它里面的内部对象，它里面封装了绘画的方法，大家一看见2d
是不是很兴奋，但是canvas很纯洁，并没有3d功能，我们建立好了模版，可以进行下一步了。
html5 canvas画布绘制矩形和圆形
3绘制一个矩形，填充颜色，这里面有两个知识点，fillStyle fillRect(0,0,100,100),fillRect有四个参数，前两个代表，x,y，表示位置，后两个代表长宽。蓝色方框就是我们的显示效果
1绘制一个圆型，beginPath ();表示路径开始，arc(0,0,50,0,Math.PI*2,true);参数解释前两个代表xy，第三个代表半径，第四个代表结束角度，第五个代表圆周率，第五个代表顺逆，
2我们再做一个复杂的图形，做一个笑脸
3我们已经学习canvas基本的操作了
html中用canvas画圆好还是div画圆好（说明理由）
canvas好、因为要画圆形、div的border-radius属性和canvas的兼容性一样
canvas可以擦除方便，而div是整个的，不方便局部擦除
html5如何使用canvas画空心圆与实心圆
stroke()是描边，就是空心圆。fill()是填充，就是实心圆
//空心
var canvas = document.getElementById("myCanvas").getContext('2d');
canvas.beginPath();
canvas.arc(圆心x坐标,圆心y坐标,半径,0,2*Math.PI,true);
canvas.closePath();
canvas.strokeStyle='black';
canvas.stroke();
//实心
var canvas = document.getElementById("myCanvas").getContext('2d');
canvas.beginPath();
canvas.arc(圆心x坐标,圆心y坐标,半径,0,2*Math.PI,true);
canvas.closePath();
canvas.fillStyle='black';
canvas.fill();
canvas画圆的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于canvas画圆锥、canvas画圆的信息别忘了在本站进行查找喔。