小程序
小游戏
企业微信
微信支付
扫描小程序码分享
用 drawImage 在 canvas 里加入用户头像，请问怎么把头像绘制成圆角?多谢了！
19 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
多谢，可以啦，
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
这个很容易理解了。。。还要多详细啊。
就只有这一段代码吗？有详细点的代码吗？
circleImg(ctx, img, x, y, r) { ctx.save(); var d =2 * r; var cx = x + r; var cy = y + r; ctx.arc(cx, cy, r, 0, 2 * Math.PI); ctx.clip(); ctx.drawImage(img, x, y, d, d); ctx.restore(); }
你这个效果不好，
没有不好的。用了半年多了。没任何问题
你好， 有实例代码？
ctx.setFillStyle('red') ctx.setShadow(10, 50, 50, 'blue') ctx.fillRect(10, 10, 150, 75) ctx.draw()
哈哈~ 那也是临时方案！ 我在 setshadow 后咋不起作用？兄台的是怎么设置 border 和 shadow 的？
真好啊。我们是前端自己生成的。
哇~ 我们是服务端合成下发的！然后现在微信新版本fix 掉这个问题了，我们就想放在前端来做这个事！你那边也加了border 和 shadow吗，求仁兄分享！
我以前也是这样做的啊 可是 微信客户端有两个版本有问题 ，保存不了图片，我们就先隐藏掉这个功能了
正在加载...
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
多谢，可以啦，
这个很容易理解了。。。还要多详细啊。
就只有这一段代码吗？有详细点的代码吗？
circleImg(ctx, img, x, y, r) { ctx.save(); var d =2 * r; var cx = x + r; var cy = y + r; ctx.arc(cx, cy, r, 0, 2 * Math.PI); ctx.clip(); ctx.drawImage(img, x, y, d, d); ctx.restore(); }
你这个效果不好，
没有不好的。用了半年多了。没任何问题
你好， 有实例代码？
ctx.setFillStyle('red') ctx.setShadow(10, 50, 50, 'blue') ctx.fillRect(10, 10, 150, 75) ctx.draw()哈哈~ 那也是临时方案！ 我在 setshadow 后咋不起作用？兄台的是怎么设置 border 和 shadow 的？
真好啊。我们是前端自己生成的。
哇~ 我们是服务端合成下发的！然后现在微信新版本fix 掉这个问题了，我们就想放在前端来做这个事！你那边也加了border 和 shadow吗，求仁兄分享！
我以前也是这样做的啊 可是 微信客户端有两个版本有问题 ，保存不了图片，我们就先隐藏掉这个功能了