2

パスを使用してUIImageを抽出するにはどうすればよいですか？

パス内のコンテンツを新しいUIImageに取り込む必要があります。必要なのは、回転した長方形の内容です。これは、長方形の角を取得するために使用するコードです。（x、y =画像の中心。画像の幅、高さ）。

UIBezierPath* aPath = [UIBezierPath bezierPath];

//1
[aPath moveToPoint:CGPointMake(
                               x+(width/2)*cosf(A)-(height/2)*sinf(A),
                               y+(height/2)*cosf(A)+(width/2)*sinf(A))];

NSLog(@"%f, %f", x+(width/2)*cosf(A)-(height/2)*sinf(A),
      y+(height/2)*cosf(A)+(width/2)*sinf(A));


//2
[aPath moveToPoint:CGPointMake(
                               x-(width/2)*cosf(A)-(height/2)*sinf(A),
                               y+(height/2)*cosf(A)-(width/2)*sinf(A))];

NSLog(@"%f, %f", x-(width/2)*cosf(A)-(height/2)*sinf(A),
      y+(height/2)*cosf(A)-(width/2)*sinf(A));


//3
[aPath moveToPoint:CGPointMake(
                               x-(width/2)*cosf(A)+(height/2)*sinf(A),
                               y-(height/2)*cosf(A)-(width/2)*sinf(A))];

NSLog(@"%f, %f", x-(width/2)*cosf(A)+(height/2)*sinf(A),
      y-(height/2)*cosf(A)-(width/2)*sinf(A));


//4
[aPath moveToPoint:CGPointMake(
                               x+(width/2)*cosf(A)+(height/2)*sinf(A),
                               y-(height/2)*cosf(A)+(width/2)*sinf(A))];

NSLog(@"%f, %f", x+(width/2)*cosf(A)+(height/2)*sinf(A),
      y-(height/2)*cosf(A)+(width/2)*sinf(A));



//5
[aPath moveToPoint:CGPointMake(
                               x+(width/2)*cosf(A)-(height/2)*sinf(A),
                               y+(height/2)*cosf(A)+(width/2)*sinf(A))];

NSLog(@"%f, %f", x+(width/2)*cosf(A)-(height/2)*sinf(A),
      y+(height/2)*cosf(A)+(width/2)*sinf(A));
[aPath closePath];

私はこのようなことを考えていました：問題の写真。 （ここでは形が違います。）その黄色い部分を新しいUIImageにしたいです。

4

1 に答える 1

3

UIBezierPathをクリッピングパスとして使用します。addClipそのための方法があります。

詳細については、Quartz2Dプログラミングガイド、特にこの部分を参照してください。

アイデアは、新しいビットマップコンテキストを作成し、パスを使用してクリッピングを適用し、このビットマップコンテキストに画像を描画して（したがって、クリップされます）、最後にそこからUIImageを生成することです。

CGRectさらに、クリッピングに使用する回転を自分で計算するのではCGRectなく、回転なしで作成し、を使用CGAffineTransformして回転させる必要があります。cosこれにより、 /関数を使用して自分で計算を行う必要がなくなりsin、コードが読みやすくなります。

[編集]これが完全な例です：

  • ベジェパスを生成し、それにCGAffineTransform回転を適用します
  • このベジェパスを使用して画像をクリップします

私はそれをチェックしました、そして魅力のように働きます。

// Generate a UIBezierPath of a rounded rect rotated by angle radians
-(UIBezierPath*)computePathWithRect:(CGRect)rect
                       cornerRadius:(CGFloat)cornerRadius
                              angle:(CGFloat)radians;
{
  // Compute basic path
  UIBezierPath* path = [UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:cornerRadius];

  // Apply rotation.
  // Don't forget that rotations are around origin 0,0 so if you want to rotate around the rect's center,
  // you need to apply a translation so that the rect's center is at 0,0, then rotate, and translate it back at its original position.
  CGAffineTransform restoreCenterPosition = CGAffineTransformMakeTranslation(CGRectGetMidX(rect), CGRectGetMidY(rect));
  CGAffineTransform rotateFromOrigin = CGAffineTransformRotate(restoreCenterPosition,radians);
  CGAffineTransform rotateFromRectCenter = CGAffineTransformTranslate(rotateFromOrigin, -CGRectGetMidX(rect), -CGRectGetMidY(rect));
  [path applyTransform:rotateFromRectCenter];

  return path;
}

// Generate a new image from srcImage but clipped with the given path
-(UIImage*)clipImage:(UIImage*)srcImage withPath:(UIBezierPath*)path
{
  UIGraphicsBeginImageContextWithOptions(srcImage.size, NO, 0.0);

  // Add clipping path
  // Actually UIBezierPath has a method for that, that is equivalent to CGContextClip(currentContext, bezierPath.CGPath), so better use it
  [path addClip];

  // Flip coordinates before drawing image as UIKit and CoreGraphics have inverted coordinate system
  CGContextTranslateCTM(UIGraphicsGetCurrentContext(), 0, srcImage.size.height);
  CGContextScaleCTM(UIGraphicsGetCurrentContext(), 1, -1);
  // Draw image, that will thus be clipped, on the bitmap context
  CGContextDrawImage(UIGraphicsGetCurrentContext(), CGRectMake(0, 0, srcImage.size.width, srcImage.size.height), srcImage.CGImage);

  // Generate final (clipped) image
  UIImage* clippedImage = UIGraphicsGetImageFromCurrentImageContext();
  UIGraphicsEndImageContext();

  return clippedImage;
}


// Usage example
- (void)doClipping
{
  UIImage* originalImage = ...
  UIBezierPath* path = [self computePathWithRect:CGRectMake(100,100,184,94)
                                    cornerRadius:10.f
                                           angle:30*M_PI/180.f];
  UIImage* clippedImage = [self clipImage:originalImage withPath:path];
  self.resultImageView.image = clippedImage;
}
于 2012-09-04T14:44:33.440 に答える