微信公开课
微信公开课小程序热门讨论关于「画原圆形头像」的小程序开发问题
补充:画原圆形头像
展开:直接上图代码:shareContentsetFillStyle(rgb(255,253,208));shareContentfill();shareContentfillRect(100,100,200,60);画分享者头像constshareAvatarRadius=40;constshareAvatarX=60;constshareAvatarY=90;drawCircleImg(shareContent,contentimages[2],shareAvatarX,shareAvatarY,shareAvatarRadius);vardrawCircleImg=function(ctx,img,x,y,r){ctxsave();vard=2*r;varcx=x+r;varcy=y+r;ctxarc(cx,cy,r,0,2*MathPI);ctxclip();ctxdrawImage(img,x,y,d,d);ctxrestore();}这个圆形头像会突出了,不知道出了什么问题即速小程序:裁剪路径没有生成完整,你调用下fill()填充以一个透明色,应该可以把路径生成完整这个和h5还是有差距的vardrawCircleImg=function(ctx,img,x,y,r){ctxsave();ctxfillStyle=rgba(255,255,255,255);constd=2*r;constcx=x+r;constcy=y+r;ctxarc(cx,cy,r,0,2*MathPI);ctxfill();ctxclip();ctxdrawImage(img,x,y,d,d);ctxrestore();}:按照教程提供下代码片段(https:developersweixinqqcomminiprogramdevdevtoolsminicodehtml):@官方快来,这个目测要诱导分享了,快把他扼杀在摇篮之中
更多有关「画原圆形头像」的讨论可以前往微信公开课小程序参与互动哦!了解更多