canvas怎么把一张正方形图片变成圆形
发布于 5 年前 作者 mhu 8699 次浏览 来自 问答

我想用canvas把一个正方形图片变成圆形的,请问大家该怎么弄,谢谢大家了,百度没有百度到

6 回复

直接在外面加个view组件设置css样式为

border-radius: 50%;

多好

@田超    谢谢 正在试

@幕smile   好的谢谢。应该是我没说清楚,我的canvas是一个满屏的,canvas里面放了好几张图片(接口获取的,不能写死),其中有一张图片要用圆的,该怎么弄呢

ps:我为什么不用wxml直接写,而是用canvas画,因为我要用canvas把好几张图片重组起来生成海报,然后保存这个海报到用户手机

@知晓 测试一下我给你的方法

就这个效果

新建一个圆形盖在图片上面

用 context.clip();  //裁切

回到顶部