小程序canvas画圆形图 stroke()加上

在这里插入图片描述
// 绘制头像
const radius = rpx2px(90 * 2)
const y = rpx2px(120 * 2)

     ctx.save()
     ctx.beginPath()
     ctx.arc(canvasW / 2, y - radius + radius, radius, 0, Math.PI * 2, false);
     ctx.stroke()//这个一定要有 不然图片不裁剪
     ctx.clip()
     ctx.drawImage(avatar.path, canvasW / 2 - radius, y - radius, radius * 2, radius * 2);
     ctx.restore()
图片大小根据ui比例设置  save stroke clip  restore  就能画出来
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值