canvas怎么把一张正方形图片变成圆形

发布于 7 年前作者 mhu8886 次浏览最后编辑 7 年前来自 ask

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

6 回复
xia71
xia711 楼6 年前

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

border-radius: 50%;

多好

hzhao
hzhao2 楼6 年前

@田超    谢谢 正在试

chengchao
chengchao3 楼6 年前

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

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

xiulan06
xiulan064 楼6 年前

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

pcao
pcao5 楼6 年前

就这个效果

leilin
leilin6 楼5 年前

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

用 context.clip();  //裁切