canvas绘制的基本步骤

  • 第一步:获得上下文 =>canvasElem.getContext('2d');
    第二步:开始路径规划 =>ctx.beginPath()
    第三步:移动起始点 =>ctx.moveTo(x, y)
    第四步:绘制线(矩形、圆形、图片...) =>ctx.lineTo(x, y)
    第五步:闭合路径 =>ctx.closePath();
    第六步:绘制描边 =>ctx.stroke();

     

posted @ 2020-04-03 15:29  xiaoYu&  阅读(1166)  评论(0编辑  收藏  举报