小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我想用canvas把一个正方形图片变成圆形的，请问大家该怎么弄，谢谢大家了，百度没有百度到
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
@田超 谢谢 正在试
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
@知晓 测试一下我给你的方法
@幕smile 好的谢谢。应该是我没说清楚，我的canvas是一个满屏的，canvas里面放了好几张图片（接口获取的，不能写死），其中有一张图片要用圆的，该怎么弄呢
ps：我为什么不用wxml直接写，而是用canvas画，因为我要用canvas把好几张图片重组起来生成海报，然后保存这个海报到用户手机
就这个效果
直接在外面加个view组件设置css样式为
border-radius: 50%;
多好
新建一个圆形盖在图片上面
用 context.clip(); //裁切
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
@田超 谢谢 正在试
@知晓 测试一下我给你的方法
@幕smile 好的谢谢。应该是我没说清楚，我的canvas是一个满屏的，canvas里面放了好几张图片（接口获取的，不能写死），其中有一张图片要用圆的，该怎么弄呢
ps：我为什么不用wxml直接写，而是用canvas画，因为我要用canvas把好几张图片重组起来生成海报，然后保存这个海报到用户手机
就这个效果
直接在外面加个view组件设置css样式为
border-radius: 50%;
多好
新建一个圆形盖在图片上面
用 context.clip(); //裁切