如何正确裁剪个人资料图片的照片?

Posted

技术标签:

【中文标题】如何正确裁剪个人资料图片的照片?【英文标题】:How do I properly crop a photo for profile picture? 【发布时间】:2016-05-16 17:04:53 【问题描述】:

我允许用户选择他们的头像,但是当我导入它并剪掉边框并使其变圆时,它看起来很奇怪。有没有合适的方法来做到这一点?

propic.layer.borderWidth = 2
propic.layer.masksToBounds = false
propic.layer.borderColor = UIColorFromRGB("ffffff").CGColor
propic.layer.cornerRadius = propic.frame.height/2
propic.clipsToBounds = true

【问题讨论】:

定义“它看起来很奇怪”(张贴截图会很好)。你的视野是正方形吗?另外masksToBoundsclipsToBounds 是同一个属性,因此您不需要将masksToBounds 设置为false 方形图片看起来很正常,但是当转换为圆形图片时,它会“挤压”人的脸,所以现在他们的脸就像一根牙签。 你可以在这里找到所有***.com/a/29685559/1894067 尝试将内容模式更改为 Aspect Fill。 您只是想屏蔽掉圆圈外的部分以进行显示,还是要创建一个裁剪版本的图像,其中圆圈外的像素被强制为透明或黑色?这是两个不同的任务。 【参考方案1】:

试试这个

propic.layer.borderWidth = 2
propic.layer.borderColor = UIColorFromRGB("ffffff").CGColor
propic.layer.cornerRadius = propic.frame.height/2
propic.layer.masksToBounds = true

【讨论】:

并注释掉propic.clipsToBounds = true这一行 上面的 cmets 已经建议了。我认为 imageView 框架不正确。

以上是关于如何正确裁剪个人资料图片的照片?的主要内容,如果未能解决你的问题,请参考以下文章

未从 firebase 数据库中检索个人资料图片

如何从 Facebook 检索照片

弄乱 Jcrop 大小

裁剪图片到个人资料

裁剪的 UIImage 方向/拉伸

调整浏览器宽度和封面照片必须保留裁剪图像的中心