UIImageのトリミング
画像のサイズを変更するために画像のサイズを変更するコードをいくつか用意しました。これを使用して、UIImageを取得し、アルバムビューに表示される画像のような小さな正方形の画像を返します。写真アプリの。 （UIImageViewを使用し、切り取りモードを調整して同じ結果を得ることができますが、これらの画像はUIWebViewsで表示されることがあります）。
このコードでいくつかのクラッシュに気づき始めましたが、少し困惑しています。私は2つの異なる理論を持っていますが、どちらかがベースになっているかどうか疑問に思っています。
理論1）ターゲットサイズのオフスクリーンイメージコンテキストに描画することにより、トリミングを実現します。イメージの中央部分が必要なので、CGRectに渡されるdrawInRect引数を、イメージコンテキストの境界より大きい値に設定します。私はこれがコーシャであることを望んでいましたが、私は代わりに私が触れてはいけない他の記憶を引き出そうとしていますか？
理論2）私はこのすべてをバックグラウンドスレッドで行っています。メインスレッドに制限されているUIKitの部分があることを知っています。私は、オフスクリーンビューへの描画がこれらのいずれでもないことを想定/期待していました。私が間違っている？
（ああ、NSImage's drawInRect:fromRect:operation:fraction:メソッドが恋しい）
更新2014-05-28：iOS 3程度がホットな新機能であったときにこれを書きました。これまでにこれを行うためのより良い方法、おそらく組み込みの方法があると確信しています。多くの人が言っているように、この方法はローテーションを考慮していません。いくつかの追加の回答を読んで、賛成の愛を広めて、この質問に対する回答をすべての人に役立ててください。
元の応答：
同じ質問に対する回答を他の場所にコピー/貼り付けます。
これを行うための単純なクラスメソッドはありませんが、目的の結果を得るために使用できる関数があります：CGImageCreateWithImageInRect(CGImageRef, CGRect)が役立ちます。
これを使用した簡単な例を次に示します。
CGImageRef imageRef = CGImageCreateWithImageInRect([largeImage CGImage], cropRect);
// or use the UIImage wherever you like
[UIImageView setImage:[UIImage imageWithCGImage:imageRef]];
CGImageRelease(imageRef);
同じ縮尺と向きを維持しながら網膜画像をトリミングするには、UIImageカテゴリで次の方法を使用します（iOS 4.0以降）：
- (UIImage *)crop:(CGRect)rect {
if (self.scale > 1.0f) {
rect = CGRectMake(rect.Origin.x * self.scale,
rect.Origin.y * self.scale,
rect.size.width * self.scale,
rect.size.height * self.scale);
}
CGImageRef imageRef = CGImageCreateWithImageInRect(self.CGImage, rect);
UIImage *result = [UIImage imageWithCGImage:imageRef scale:self.scale orientation:self.imageOrientation];
CGImageRelease(imageRef);
return result;
}
UIImageカテゴリーを作成して、必要な場所で使用できます。 HitScansの応答と以下のコメントに基づきます。
@implementation UIImage (Crop)
- (UIImage *)crop:(CGRect)rect {
rect = CGRectMake(rect.Origin.x*self.scale,
rect.Origin.y*self.scale,
rect.size.width*self.scale,
rect.size.height*self.scale);
CGImageRef imageRef = CGImageCreateWithImageInRect([self CGImage], rect);
UIImage *result = [UIImage imageWithCGImage:imageRef
scale:self.scale
orientation:self.imageOrientation];
CGImageRelease(imageRef);
return result;
}
@end
次のように使用できます。
UIImage *imageToCrop = <yourImageToCrop>;
CGRect cropRect = <areaYouWantToCrop>;
//for example
//CGRectMake(0, 40, 320, 100);
UIImage *croppedImage = [imageToCrop crop:cropRect];
以下は、imageOrientationプロパティに従うUIImageクロップの実装です。すべての方向が徹底的にテストされました。
inline double rad(double deg)
{
return deg / 180.0 * M_PI;
}
UIImage* UIImageCrop(UIImage* img, CGRect rect)
{
CGAffineTransform rectTransform;
switch (img.imageOrientation)
{
case UIImageOrientationLeft:
rectTransform = CGAffineTransformTranslate(CGAffineTransformMakeRotation(rad(90)), 0, -img.size.height);
break;
case UIImageOrientationRight:
rectTransform = CGAffineTransformTranslate(CGAffineTransformMakeRotation(rad(-90)), -img.size.width, 0);
break;
case UIImageOrientationDown:
rectTransform = CGAffineTransformTranslate(CGAffineTransformMakeRotation(rad(-180)), -img.size.width, -img.size.height);
break;
default:
rectTransform = CGAffineTransformIdentity;
};
rectTransform = CGAffineTransformScale(rectTransform, img.scale, img.scale);
CGImageRef imageRef = CGImageCreateWithImageInRect([img CGImage], CGRectApplyAffineTransform(rect, rectTransform));
UIImage *result = [UIImage imageWithCGImage:imageRef scale:img.scale orientation:img.imageOrientation];
CGImageRelease(imageRef);
return result;
}
Swift 3バージョン
func cropImage(imageToCrop:UIImage, toRect rect:CGRect) -> UIImage{
let imageRef:CGImage = imageToCrop.cgImage!.cropping(to: rect)!
let cropped:UIImage = UIImage(cgImage:imageRef)
return cropped
}
let imageTop:UIImage = UIImage(named:"one.jpg")! // add validation
このブリッジ関数の助けを借りてCGRectMake-> CGRect（ この答え が@rob mayoffによって回答）：
func CGRectMake(_ x: CGFloat, _ y: CGFloat, _ width: CGFloat, _ height: CGFloat) -> CGRect {
return CGRect(x: x, y: y, width: width, height: height)
}
使用法は次のとおりです。
if var image:UIImage = UIImage(named:"one.jpg"){
let croppedImage = cropImage(imageToCrop: image, toRect: CGRectMake(
image.size.width/4,
0,
image.size.width/2,
image.size.height)
)
}
出力：
ヘッズアップ：これらの答えはすべて、CGImage- backedイメージオブジェクトを想定しています。
UIImageがCIImageによってサポートされている場合、image.CGImageはnilを返すことができます。これは、CIFilterを使用してこのイメージを作成した場合に当てはまります。
その場合、新しいコンテキストで画像を描画し、その画像を返す必要があります（slow）。
UIImage* crop(UIImage *image, rect) {
UIGraphicsBeginImageContextWithOptions(rect.size, false, [image scale]);
[image drawAtPoint:CGPointMake(-rect.Origin.x, -rect.Origin.y)];
cropped_image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return cropped_image;
}
ここでの答えはどれも、すべてのスケールと回転の問題を100％正しく処理しません。 iOS7/8時点でのこれまでのすべての統合を以下に示します。 UIImageのカテゴリのメソッドとして含まれることを意図しています。
- (UIImage *)croppedImageInRect:(CGRect)rect
{
double (^rad)(double) = ^(double deg) {
return deg / 180.0 * M_PI;
};
CGAffineTransform rectTransform;
switch (self.imageOrientation) {
case UIImageOrientationLeft:
rectTransform = CGAffineTransformTranslate(CGAffineTransformMakeRotation(rad(90)), 0, -self.size.height);
break;
case UIImageOrientationRight:
rectTransform = CGAffineTransformTranslate(CGAffineTransformMakeRotation(rad(-90)), -self.size.width, 0);
break;
case UIImageOrientationDown:
rectTransform = CGAffineTransformTranslate(CGAffineTransformMakeRotation(rad(-180)), -self.size.width, -self.size.height);
break;
default:
rectTransform = CGAffineTransformIdentity;
};
rectTransform = CGAffineTransformScale(rectTransform, self.scale, self.scale);
CGImageRef imageRef = CGImageCreateWithImageInRect([self CGImage], CGRectApplyAffineTransform(rect, rectTransform));
UIImage *result = [UIImage imageWithCGImage:imageRef scale:self.scale orientation:self.imageOrientation];
CGImageRelease(imageRef);
return result;
}
CGSize size = [originalImage size];
int padding = 20;
int pictureSize = 300;
int startCroppingPosition = 100;
if (size.height > size.width) {
pictureSize = size.width - (2.0 * padding);
startCroppingPosition = (size.height - pictureSize) / 2.0;
} else {
pictureSize = size.height - (2.0 * padding);
startCroppingPosition = (size.width - pictureSize) / 2.0;
}
// WTF: Don't forget that the CGImageCreateWithImageInRect believes that
// the image is 180 rotated, so x and y are inverted, same for height and width.
CGRect cropRect = CGRectMake(startCroppingPosition, padding, pictureSize, pictureSize);
CGImageRef imageRef = CGImageCreateWithImageInRect([originalImage CGImage], cropRect);
UIImage *newImage = [UIImage imageWithCGImage:imageRef scale:1.0 orientation:originalImage.imageOrientation];
[m_photoView setImage:newImage];
CGImageRelease(imageRef);
私が見た応答のほとんどは、（x、y）の（0、0）の位置のみを扱っています。 Okこれは1つのケースですが、切り抜き操作を中央に配置したいです。理解するのに少し時間がかかったのは、WTFコメントに続く行です。
縦向きでキャプチャした画像の場合を考えてみましょう：
- 元の画像の高さはその幅よりも高いです（これまでのところ驚きはありません！）
- CGImageCreateWithImageInRectメソッドが独自の世界で想像する画像は、実際にはポートレートではなく風景です（imageWithCGImageコンストラクターで方向引数を使用しない場合は、180度回転して表示されます）。
- そのため、（0、0）位置が画像の右上隅である風景であると想像してください。
それが理にかなっていることを願っています！そうでない場合は、cropRectの正しいx、y、幅、および高さを選択することになると、ロジックが反転することがわかるさまざまな値を試してください。
スウィフト拡張
extension UIImage {
func crop(var rect: CGRect) -> UIImage {
rect.Origin.x*=self.scale
rect.Origin.y*=self.scale
rect.size.width*=self.scale
rect.size.height*=self.scale
let imageRef = CGImageCreateWithImageInRect(self.CGImage, rect)
let image = UIImage(CGImage: imageRef, scale: self.scale, orientation: self.imageOrientation)!
return image
}
}
awolfの回答の迅速なバージョン、私のために働いた：
public extension UIImage {
func croppedImage(inRect rect: CGRect) -> UIImage {
let rad: (Double) -> CGFloat = { deg in
return CGFloat(deg / 180.0 * .pi)
}
var rectTransform: CGAffineTransform
switch imageOrientation {
case .left:
let rotation = CGAffineTransform(rotationAngle: rad(90))
rectTransform = rotation.translatedBy(x: 0, y: -size.height)
case .right:
let rotation = CGAffineTransform(rotationAngle: rad(-90))
rectTransform = rotation.translatedBy(x: -size.width, y: 0)
case .down:
let rotation = CGAffineTransform(rotationAngle: rad(-180))
rectTransform = rotation.translatedBy(x: -size.width, y: -size.height)
default:
rectTransform = .identity
}
rectTransform = rectTransform.scaledBy(x: scale, y: scale)
let transformedRect = rect.applying(rectTransform)
let imageRef = cgImage!.cropping(to: transformedRect)!
let result = UIImage(cgImage: imageRef, scale: scale, orientation: imageOrientation)
return result
}
}
Swift3
extension UIImage {
func crop(rect: CGRect) -> UIImage? {
var scaledRect = rect
scaledRect.Origin.x *= scale
scaledRect.Origin.y *= scale
scaledRect.size.width *= scale
scaledRect.size.height *= scale
guard let imageRef: CGImage = cgImage?.cropping(to: scaledRect) else {
return nil
}
return UIImage(cgImage: imageRef, scale: scale, orientation: imageOrientation)
}
}
SwiftでUIImageをトリミングするための最適なソリューション、精度、ピクセルスケーリング...：
private func squareCropImageToSideLength(let sourceImage: UIImage,
let sideLength: CGFloat) -> UIImage {
// input size comes from image
let inputSize: CGSize = sourceImage.size
// round up side length to avoid fractional output size
let sideLength: CGFloat = ceil(sideLength)
// output size has sideLength for both dimensions
let outputSize: CGSize = CGSizeMake(sideLength, sideLength)
// calculate scale so that smaller dimension fits sideLength
let scale: CGFloat = max(sideLength / inputSize.width,
sideLength / inputSize.height)
// scaling the image with this scale results in this output size
let scaledInputSize: CGSize = CGSizeMake(inputSize.width * scale,
inputSize.height * scale)
// determine point in center of "canvas"
let center: CGPoint = CGPointMake(outputSize.width/2.0,
outputSize.height/2.0)
// calculate drawing rect relative to output Size
let outputRect: CGRect = CGRectMake(center.x - scaledInputSize.width/2.0,
center.y - scaledInputSize.height/2.0,
scaledInputSize.width,
scaledInputSize.height)
// begin a new bitmap context, scale 0 takes display scale
UIGraphicsBeginImageContextWithOptions(outputSize, true, 0)
// optional: set the interpolation quality.
// For this you need to grab the underlying CGContext
let ctx: CGContextRef = UIGraphicsGetCurrentContext()
CGContextSetInterpolationQuality(ctx, kCGInterpolationHigh)
// draw the source image into the calculated rect
sourceImage.drawInRect(outputRect)
// create new image from bitmap context
let outImage: UIImage = UIGraphicsGetImageFromCurrentImageContext()
// clean up
UIGraphicsEndImageContext()
// pass back new image
return outImage
}
この関数を呼び出すために使用される命令：
let image: UIImage = UIImage(named: "Image.jpg")!
let squareImage: UIImage = self.squareCropImageToSideLength(image, sideLength: 320)
self.myUIImageView.image = squareImage
注： Objective-Cで書かれた最初のソースコードのインスピレーションは、「Cocoanetics」ブログで発見されました。
少し奇妙に見えますが、うまく機能し、画像の向きを考慮します：
var image:UIImage = ...
let img = CIImage(image: image)!.imageByCroppingToRect(rect)
image = UIImage(CIImage: img, scale: 1, orientation: image.imageOrientation)
- (UIImage *)getSubImage:(CGRect) rect{
CGImageRef subImageRef = CGImageCreateWithImageInRect(self.CGImage, rect);
CGRect smallBounds = CGRectMake(rect.Origin.x, rect.Origin.y, CGImageGetWidth(subImageRef), CGImageGetHeight(subImageRef));
UIGraphicsBeginImageContext(smallBounds.size);
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextDrawImage(context, smallBounds, subImageRef);
UIImage* smallImg = [UIImage imageWithCGImage:subImageRef];
UIGraphicsEndImageContext();
return smallImg;
}
Noodles answerに基づくSwift 3バージョンの更新
func cropping(to rect: CGRect) -> UIImage? {
if let cgCrop = cgImage?.cropping(to: rect) {
return UIImage(cgImage: cgCrop)
}
else if let ciCrop = ciImage?.cropping(to: rect) {
return UIImage(ciImage: ciCrop)
}
return nil
}
@Arneの回答に従ってください。カテゴリー機能を修正しました。 UIImageのカテゴリに配置します。
-(UIImage*)cropImage:(CGRect)rect{
UIGraphicsBeginImageContextWithOptions(rect.size, false, [self scale]);
[self drawAtPoint:CGPointMake(-rect.Origin.x, -rect.Origin.y)];
UIImage* cropped_image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return cropped_image;
}
IOS9.2SDKでは、以下のメソッドを使用してUIViewからUIImageにフレームを変換します
-(UIImage *)getNeedImageFrom:(UIImage*)image cropRect:(CGRect)rect
{
CGSize cropSize = rect.size;
CGFloat widthScale = image.size.width/self.imageViewOriginal.bounds.size.width;
CGFloat heightScale = image.size.height/self.imageViewOriginal.bounds.size.height;
cropSize = CGSizeMake(rect.size.width*widthScale,
rect.size.height*heightScale);
CGPoint pointCrop = CGPointMake(rect.Origin.x*widthScale,
rect.Origin.y*heightScale);
rect = CGRectMake(pointCrop.x, pointCrop.y, cropSize.width, cropSize.height);
CGImageRef subImage = CGImageCreateWithImageInRect(image.CGImage, rect);
UIImage *croppedImage = [UIImage imageWithCGImage:subImage];
CGImageRelease(subImage);
return croppedImage;
}
(UIImage *)squareImageWithImage:(UIImage *)image scaledToSize:(CGSize)newSize {
double ratio;
double delta;
CGPoint offset;
//make a new square size, that is the resized imaged width
CGSize sz = CGSizeMake(newSize.width, newSize.width);
//figure out if the picture is landscape or portrait, then
//calculate scale factor and offset
if (image.size.width > image.size.height) {
ratio = newSize.width / image.size.width;
delta = (ratio*image.size.width - ratio*image.size.height);
offset = CGPointMake(delta/2, 0);
} else {
ratio = newSize.width / image.size.height;
delta = (ratio*image.size.height - ratio*image.size.width);
offset = CGPointMake(0, delta/2);
}
//make the final clipping rect based on the calculated values
CGRect clipRect = CGRectMake(-offset.x, -offset.y,
(ratio * image.size.width) + delta,
(ratio * image.size.height) + delta);
//start a new context, with scale factor 0.0 so retina displays get
//high quality image
if ([[UIScreen mainScreen] respondsToSelector:@selector(scale)]) {
UIGraphicsBeginImageContextWithOptions(sz, YES, 0.0);
} else {
UIGraphicsBeginImageContext(sz);
}
UIRectClip(clipRect);
[image drawInRect:clipRect];
UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return newImage;
}
Swift 2.0アップデート（CIImage互換性）
Maxim's Answer から展開しますが、画像がCIImageベースの場合にも機能します。
public extension UIImage {
func imageByCroppingToRect(rect: CGRect) -> UIImage? {
if let image = CGImageCreateWithImageInRect(self.CGImage, rect) {
return UIImage(CGImage: image)
} else if let image = (self.CIImage)?.imageByCroppingToRect(rect) {
return UIImage(CIImage: image)
}
return nil
}
}
以下の方法を使用します。
-(UIImage *)getNeedImageFrom:(UIImage*)image cropRect:(CGRect)rect
{
CGSize cropSize = rect.size;
CGFloat widthScale =
image.size.width/self.imageViewOriginal.bounds.size.width;
CGFloat heightScale =
image.size.height/self.imageViewOriginal.bounds.size.height;
cropSize = CGSizeMake(rect.size.width*widthScale,
rect.size.height*heightScale);
CGPoint pointCrop = CGPointMake(rect.Origin.x*widthScale,
rect.Origin.y*heightScale);
rect = CGRectMake(pointCrop.x, pointCrop.y, cropSize.width,
cropSize.height);
CGImageRef subImage = CGImageCreateWithImageInRect(image.CGImage, rect);
UIImage *croppedImage = [UIImage imageWithCGImage:subImage];
CGImageRelease(subImage);
return croppedImage;
}
スイフト5：
extension UIImage {
func cropped(rect: CGRect) -> UIImage? {
guard let cgImage = cgImage else { return nil }
UIGraphicsBeginImageContextWithOptions(rect.size, false, 0)
let context = UIGraphicsGetCurrentContext()
context?.translateBy(x: 0.0, y: self.size.height)
context?.scaleBy(x: 1.0, y: -1.0)
context?.draw(cgImage, in: CGRect(x: rect.minX, y: rect.minY, width: self.size.width, height: self.size.height), byTiling: false)
let croppedImage = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()
return croppedImage
}
}
https://github.com/vvbogdan/BVCropPhoto を見てください
-（UIImage *）croppedImage {
CGFloat scale = self.sourceImage.size.width/self.scrollView.contentSize.width;
UIImage * finalImage = nil;
CGRect targetFrame = CGRectMake（（self.scrollView.contentInset.left + self.scrollView.contentOffset.x）* scale、
（self.scrollView.contentInset.top + self.scrollView。 contentOffset.y）* scale、
self.cropSize.width * scale、
self.cropSize.height * scale）;
CGImageRef contextImage = CGImageCreateWithImageInRect（[ [self imageWithRotation：self.sourceImage] CGImage]、targetFrame）;
if（contextImage！= NULL）{
finalImage = [UIImage imageWithCGImage：contextImage
scale ：self.sourceImage.scale
orientation：UIImageOrientationUp];
CGImageRelease（contextImage）;
}
return finalIma ge;
}
-（UIImage *）imageWithRotation：（UIImage *）image {
if（image.imageOrientation == UIImageOrientationUp）return image;
CGAffineTransform transform = CGAffineTransformIdentity;
switch（image.imageOrientation）{
case UIImageOrientationDown：
case UIImageOrientationDownMirrored：
transform = CGAffineTransformTranslate（transform、image.size.width、image.size.height）;
transform = CGAffineTransformRotate（transform、M_PI）;
break ;
case UIImageOrientationLeft：
case UIImageOrientationLeftMirrored：
transform = CGAffineTransformTranslate（transform、image.size.width、0）;
transform = CGAffineTransformRotate （変換、M_PI_2）;
break;
case UIImageOrientationRight：
case UIImageOrientationRightMirror ed：
transform = CGAffineTransformTranslate（transform、0、image.size.height）;
transform = CGAffineTransformRotate（transform、-M_PI_2）;
break;
case UIImageOrientationUp：
case UIImageOrientationUpMirrored：
break;
}
switch（image.imageOrientation）{
case UIImageOrientationUpMirrored：
case UIImageOrientationDownMirrored：
transform = CGAffineTransformTranslate（transform、image.size.width、0）;
transform = CGAffineTransformScale（transform、-1、1）;
break;
case UIImageOrientationLeftMirrored：
case UIImageOrientationRightMirrored：
transform = CGAffineTransformTranslate（transform、image.size.height、0）;
transform = CGAffineTransformScale（ transform、-1、1）;
break;
case UI ImageOrientationUp：
case UIImageOrientationDown：
case UIImageOrientationLeft：
case UIImageOrientationRight：
break;
}
//次に、基礎となるCGImageを新しいコンテキストに描画し、上記の計算された変換
//
CGContextRef ctx = CGBitmapContextCreate（NULL、image.size.width、image.size.height、
CGImageGetBitsPerComponent（image.CGImage）、0、
CGImageGetColorSpace（image.CGImage）、
CGImageGetBitmapInfo（image.CGImage））;
CGContextConcatCTM（ctx、transform）;
スイッチ（image.imageOrientation）{
case UIImageOrientationLeft：
case UIImageOrientationLeftMirrored：
case UIImageOrientationRight：
case UIImageOrientationRightMirrored：
// Grr ...
CGContextDrawImage（ctx、CGRectMake（0、0、image.size.height、image.siz e.width）、image.CGImage）;
break;
default：
CGContextDrawImage（ctx、CGRectMake（0、0、image.size.width、 image.size.height）、image.CGImage）;
break;
}
//ここで、描画コンテキストから新しいUIImageを作成します
CGImageRef cgimg = CGBitmapContextCreateImage（ctx）;
UIImage * img = [UIImage imageWithCGImage：cgimg];
CGContextRelease（ctx）;
CGImageRelease（cgimg）;
return img;
}
以下のコードスニペットが役立ちます。
import UIKit
extension UIImage {
func cropImage(toRect rect: CGRect) -> UIImage? {
if let imageRef = self.cgImage?.cropping(to: rect) {
return UIImage(cgImage: imageRef)
}
return nil
}
}
他の解決策には数時間かかる（必要以上の電力を使用する）か、オリエンテーションに問題があるため、満足できませんでした。以下は、UIImage *画像から拡大縮小された正方形のcroppedImageに使用したものです。
CGFloat minimumSide = fminf(image.size.width, image.size.height);
CGFloat finalSquareSize = 600.;
//create new drawing context for right size
CGRect rect = CGRectMake(0, 0, finalSquareSize, finalSquareSize);
CGFloat scalingRatio = 640.0/minimumSide;
UIGraphicsBeginImageContext(rect.size);
//draw
[image drawInRect:CGRectMake((minimumSide - photo.size.width)*scalingRatio/2., (minimumSide - photo.size.height)*scalingRatio/2., photo.size.width*scalingRatio, photo.size.height*scalingRatio)];
UIImage *croppedImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();