• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

ios - 用路径提取 UIImage

[复制链接]
菜鸟教程小白 发表于 2022-12-13 16:05:18 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

如何提取带有路径的 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];

我在想这样的事情:A picture of the problem. (这里的形状不同。)我希望那个黄色部分是一个新的 UIImage。



Best Answer-推荐答案


使用您的 UIBezierPath 作为剪切路径。有 addClip 方法。

the Quartz2D Programming Guide , 特别是 this part了解详情。

这个想法是创建一个新的位图上下文,使用您的路径应用剪辑,然后在此位图上下文上绘制图像(因此将被剪辑),最后从中生成一个 UIImage。

此外,与其自己做一些数学运算来旋转您要用于剪辑的 CGRect,不如创建一个没有任何旋转的 CGRect,并且使用 CGAffineTransform 旋转它。这将避免使用 cos/sin 函数自己进行计算的需要,并使您的代码更易于阅读。


[编辑] 这是一个完整的例子:

  • 生成贝塞尔路径并对其应用 CGAffineTransform 旋转
  • 使用此贝塞尔路径剪辑图像

我确实检查过它,它就像一个魅力。

// Generate a UIBezierPath of a rounded rect rotated by angle radians
-(UIBezierPath*)computePathWithRectCGRect)rect
                       cornerRadiusCGFloat)cornerRadius
                              angleCGFloat)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*)clipImageUIImage*)srcImage withPathUIBezierPath*)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 clipImageriginalImage withPath:path];
  self.resultImageView.image = clippedImage;
}

关于ios - 用路径提取 UIImage,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12265834/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap