广告
返回顶部
首页 > 资讯 > 移动开发 >iOS如何将图片裁剪成圆形
  • 478
分享到

iOS如何将图片裁剪成圆形

iOS图片裁剪 2022-05-21 01:05:56 478人浏览 独家记忆
摘要

本文实例为大家分享了iOS将图片裁剪成圆形的具体代码,供大家参考,具体内容如下 原图: 圆形图片裁剪效果: 裁剪成带边框的圆形图片: 核心代码: #import <U

本文实例为大家分享了iOS将图片裁剪成圆形的具体代码,供大家参考,具体内容如下

原图:

圆形图片裁剪效果:

裁剪成带边框的圆形图片:

核心代码:


#import <UIKit/UIKit.h>

@interface UIImage (image)



+ (UIImage *)imageWithClipImage:(UIImage *)image;


+ (UIImage *)imageWithBorder:(CGFloat)borderW color:(UIColor *)borderColor image:(UIImage *)image;

@end

#import "UIImage+image.h"

@implementation UIImage (image)

+ (UIImage *)imageWithClipImage:(UIImage *)image{
+ 
  //1.开启跟原始图片一样大小的上下文
  UIGraphicsBeginImageContextWithOptions(image.size, NO, 0);
  //2.设置一个圆形裁剪区域
  //2.1绘制一个圆形
  UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, image.size.width, image.size.height)];
  //2.2.把圆形的路径设置成裁剪区域
  [path addClip];//超过裁剪区域以外的内容都给裁剪掉
  //3.把图片绘制到上下文当中(超过裁剪区域以外的内容都给裁剪掉)
  [image drawAtPoint:CGPointZero];
  //4.从上下文当中取出图片
  UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
  //5.关闭上下文
  UIGraphicsEndImageContext();

  return newImage;
}

+ (UIImage *)imageWithBorder:(CGFloat)borderW color:(UIColor *)borderColor image:(UIImage *)image{

  //1.开启一个上下文
  CGSize size = CGSizeMake(image.size.width + 2 * borderW, image.size.height + 2 * borderW);
  UIGraphicsBeginImageContextWithOptions(size, NO, 0);
  //2.绘制大圆,显示出来
  UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, size.width, size.height)];
  [borderColor set];
  [path fill];
  //3.绘制一个小圆,把小圆设置成裁剪区域
  UIBezierPath *clipPath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(borderW, borderW, image.size.width, image.size.height)];
  [clipPath addClip];
  //4.把图片绘制到上下文当中
  [image drawAtPoint:CGPointMake(borderW, borderW)];
  //5.从上下文当中取出图片
  UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
  //6.关闭上下文
  UIGraphicsEndImageContext();

  return newImage;
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: iOS如何将图片裁剪成圆形

本文链接: https://www.lsjlt.com/news/30388.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • iOS如何将图片裁剪成圆形
    本文实例为大家分享了iOS将图片裁剪成圆形的具体代码,供大家参考,具体内容如下 原图: 圆形图片裁剪效果: 裁剪成带边框的圆形图片: 核心代码: #import <U...
    99+
    2022-05-21
    iOS 图片裁剪
  • Android裁剪图片为圆形图片的实现原理与代码
    以前在eoe论坛中找过裁剪图片为圆形图片的方法,但是效果都不是很理想,这几天因为公司业务的要求,需要对头像进行裁剪以圆形的方式显示,这个方法是根据传入的图片的高度(height...
    99+
    2022-06-06
    图片 Android
  • css如何将图片变成圆角矩形
    在css中将图片变成圆角矩形的方法:1.添加图片;2.使用border-radius属性设置图片为圆角矩形;在css中将图片变成圆角矩形的方法首先,在页面中添加一张图片;<!DOCTYPE html><html&...
    99+
    2022-10-18
  • Dreamweaver如何裁剪图片
    这篇文章将为大家详细讲解有关Dreamweaver如何裁剪图片,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。方法如下选中图片,直接在图片的属性中使用宽和高来更来图片的大小,或者是使用裁剪工具来对图片进行裁...
    99+
    2023-06-08
  • php如何将图片设置为圆形图片
    这篇文章主要讲解了“php如何将图片设置为圆形图片”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“php如何将图片设置为圆形图片”吧!php将图片设置为圆形图片的方法:1、创建一个PHP示例文...
    99+
    2023-06-25
  • PythonPIL图片如何按比例裁剪
    目录PIL图片如何按比例裁剪问题描述解决方案PIL调整图片大小介绍看代码吧PIL图片如何按比例裁剪 问题描述 如图片比例为 1:1 裁剪为 4:3 1.jpg 解决方案 from ...
    99+
    2022-11-11
  • 如何用CSS将正方形图片显示为圆形图片布局
    本篇内容主要讲解“ 如何用CSS将正方形图片显示为圆形图片布局”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“ 如何用CSS将正方形图片显示为圆形图片布局”吧! ...
    99+
    2022-10-19
  • 利用Java怎么将不同的图片剪裁成一尺寸的缩略图
    利用Java怎么将不同的图片剪裁成一尺寸的缩略图?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。源码如下:package platform.edu.resource.util...
    99+
    2023-05-31
    java ava
  • Android应用中如何将头像图片变圆形
    本篇文章为大家展示了Android应用中如何将头像图片变圆形,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。实现步骤1.自定义一个转换工具类package com.common.base.util;i...
    99+
    2023-05-31
    android roi
  • 如何用Vue实现图片裁剪组件
    这篇文章主要介绍“如何用Vue实现图片裁剪组件”,在日常操作中,相信很多人在如何用Vue实现图片裁剪组件问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何用Vue实现图片裁剪组件”的疑惑有所帮助!接下来,请跟...
    99+
    2023-06-20
  • Angular如何实现图片裁剪工具ngImgCrop
    小编给大家分享一下Angular如何实现图片裁剪工具ngImgCrop,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!ngImgCrop是AngularJS的一个图片裁剪插件,它实际上是一个...
    99+
    2022-10-19
  • Android如何实现拍照及图片裁剪
    这篇文章主要介绍Android如何实现拍照及图片裁剪,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!最近做项目中涉及到了图片相关功能 ,在使用安卓6.0手机及7.1手机拍照时,遇到了因权限及文件管理导致程序崩溃等问题。...
    99+
    2023-05-30
    android6.0
  • 基于JavaScript如何实现图片裁剪功能
    本篇内容介绍了“基于JavaScript如何实现图片裁剪功能”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一、图片文件的上传和读取使用文件上...
    99+
    2023-07-05
  • 计算机中不裁剪如何把图片缩小
    这篇文章主要介绍计算机中不裁剪如何把图片缩小,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!不裁剪把图片缩小的方法:首先依次选择【文件-导出-储存为web所用格式】;然后选择输出格式为jpeg,并点击右上角的按钮;接着...
    99+
    2023-06-06
  • JavaScript如何实现小程序图片裁剪功能
    这篇文章主要介绍“JavaScript如何实现小程序图片裁剪功能”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript如何实现小程序图片裁剪功能”文章能帮助大家解决问题。图片上传与处理要...
    99+
    2023-07-05
  • C#如何使用OpenCV剪切图像中的圆形和矩形
    这篇文章主要介绍“C#如何使用OpenCV剪切图像中的圆形和矩形”,在日常操作中,相信很多人在C#如何使用OpenCV剪切图像中的圆形和矩形问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”C#如何使用OpenC...
    99+
    2023-06-07
  • vue如何使用vue-cropper裁剪图片你知道吗
    目录一、安装:二、使用:三、内置方法:四、使用:总结 官网: https://github.com/xyxiao001/vue-cropper 一、安装: npm instal...
    99+
    2022-11-12
  • vue项目中如何使用vue-cropper做图片裁剪
    这篇文章主要介绍了vue项目中如何使用vue-cropper做图片裁剪的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue项目中如何使用vue-cropper做图片裁剪文章都会有所收获,下面我们一起来看看吧。一...
    99+
    2023-07-04
  • 微信小程序如何实现裁剪图片大小
    这篇文章主要介绍“微信小程序如何实现裁剪图片大小”,在日常操作中,相信很多人在微信小程序如何实现裁剪图片大小问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”微信小程序如何实现裁剪图片大小”的疑惑有所帮助!接下来...
    99+
    2023-06-30
  • Android如何将Glide动态加载不同大小的图片切圆角与圆形
    这篇文章主要介绍了Android如何将Glide动态加载不同大小的图片切圆角与圆形,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。Glide加载动态图片首先我们先要去依赖一个g...
    99+
    2023-05-30
    android glide
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作