在HTML5中的“画布”绘画，使用的并不是鼠标，用户需要通过JavaScript来控制画布中的内容，在画布中，通常使用arc()方法可以绘制圆或弧线，其基本语法格式如下：

arc(x,y,r,开始角,结束角,方向)

对上面的语法格式中，各属性值使用“,”分隔，对各属性值的解释如下。

●x和y：x和y表示圆心在x轴和y轴的坐标位置，取值为数字，用于确定图形的位置。

●r：表示圆形或弧形的半径，用于确定图形的大小。

●开始角：表示初始弧点位置。其中弧点使用数值和“Math.PI”（圆周率，可以理解为180度）表示，例如开始角为270度可以写为“1.5* Math.PI”。图1所是为开始角和结束角的弧点位置示意图。

图1 弧点位置示意图

●结束角：结束的弧点位置，初始角的设置方式一致。

●方向：分为顺时针和逆时针绘制，当取值为“false”时，表示顺时针，但取值为“true”时表示逆时针。




猜你喜欢：
企业会在什么情况下选择混合App开发模式？

CSS3盒子模型边框怎样实现圆角效果？

HTML5画布中线的样式是怎样设置的？

黑马程序员web前端工程师

基于疫情期间线上教研、教学的经验，结合一线互联网企业技术资源，千锋教育打造了以OMO生态链、CBVE教学模式、AI教辅系统为核心的“链条+模式+系统”三位一体的千锋教育教研创新中台，开启了更加系统化、智能化的创新教研模式，全面落实千锋OMO教育模式，推出了包括专注大学生职业培训的高品质面授子品牌千锋教育、好程序员、小狮学院和在线培训品牌扣丁学堂2021年，千锋教育步入发展的第十个年头，从一间小小的培训教室起步，千锋教育历经十年发展，成长为在全国18个城市开设22家分校的职业教育机构,在“帮助更多迷茫的学生实现他们的梦想”的使命下，十年间千锋教育以高品质教学服务，已帮助10余万学员收获理想工作，实现人生的跨越式发展，如今他们活跃在各自的岗位上为信息产业发展贡献着自己的力量。悠悠十载风华，漫漫征程如歌，千锋教育在十年发展中，理解出了：“初心至善，匠心育人”教育真谛，确立了“拼搏到无能为力，坚持到感动自己”校训，成就每一位心怀梦想的学员,2021年1月18日，在千锋教育推出的《初心》品牌片中，讲述了四位学员的真实故事，他们有大学毕业的外卖骑手、有迷茫之际的应届毕业生、有从事着并不擅长工作的职场员工，有处于“中年危机”事业遇到瓶颈的一家之主，在人生艰难的时刻，他们是如何在千锋找到方向和自我，以崭新的姿态开启新的职场生涯，迎接属于自己的辉煌。