微信小程序canvas实现画圆圈头像

  • Post author:
  • Post category:小程序


 /*
   ctx: 画布对象
   src: 头像缓存路径
   x: 头像起始位置 横坐标
   y: 头像起始位置 纵坐标
   w: 头像宽度
   h: 头像高度,不传为w
 */
#// 保存绘图上下文。
ctx.save();
#// 开始创建一个路径。需要调用 fill 或者 stroke 才会使用路径进行填充或描边
ctx.beginPath()
#// 设创建一个圆可以指定 起始弧度为 0,终止弧度为 2 * Math.PI。
#// 用 stroke 或者 fill 方法来在 canvas 中画弧线。

ctx.arc(x+w/2, y+h/2, w/2, 0, Math.PI * 2, false);

#/* 从原始画布中剪切任意形状和尺寸。
#一旦剪切了某个区域,则所有之后的绘图都会被限



版权声明:本文为sinat_33384251原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。