PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 网页特效 > HTML5+CSS3 > 正文

    HTML5中用canvas绘制圆形

    作者:admin来源:网络浏览:时间:2020-10-24 21:11:49我要评论
    分享到

    内容介绍

    该方法共使用六个参数:
    context.beginPath();

    该方法不使用参数,通过调用该方法,开始路径的绘制。在几次循环的创建路径的过程中,每次开始创建是都要调用beginPath函数。

    context.arc(x,y,radius,startAngle,endAngle,anticlockwise)

    该方法使用六个参数,x为绘制圆形的起点横坐标,y为绘制圆形图形的起点坐标,radius为绘制圆形半径,starAngle为开始角度,endAngle为结束角度,anticlockwise为是否按顺时针方向进行绘制。

    arc方法不仅可以用来绘制圆形,也可以用来绘制圆弧。

    context.closePath();

    将路径关闭后,路径的创建工作就完成了,但还没有真正绘制任何图形。

    context.fillStyle = 'rgba(255, 0, 0, 0.25)';
    context.fill();

    使用创建好的路径绘制图形。

    本站所有特效都是站长亲自测试后发布的,如果运行代码无效果,请复制到您的本机运行
    运行代码 复制代码 另存代码[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
    转载请注明(B5教程网)原文链接::https://b5.mxunkeji.com/content-151-188-1.html
    相关热词搜索: