UI进价iOS大咖说iOS开发

iOS图片剪切,真正不变形剪切图片

2016-11-30  本文已影响7685人  iOS阿能

转载请加上原创  iOS_阿能      

   首先我来明确一下写文章的目的,因为我百度了那么多个,所有的图片剪切,很多都是剪切后变形的,  又因为新人跌跌撞撞走了很多弯路,所以想让大家少走弯路。

此文章算法也同样适用安卓,所以我希望大家不只是去复制我的代码,而是跟着我的思路看一下。

代码能不能用试试便知,如有疑问评论。

目标:压缩到800*480

百度上很多算法都是压到最后800*480,有一些会变形,为什么呢?例如一张1600*500,你要怎么压缩,按照我们的想法,正常来说就是要把图片变成了800*250,然后取得这张图片,

百度上大多数算法都是scale1 = 800/1600, scale2 = 480/500,然后把原来图片的宽度和高度分别 * scale,然后剪切,压缩,最后得出来的图片大多数变形,---------OK,那我们要怎么做呢?

首先我们先确定好两个东西,一个是传入图片(UIImage*)image,一个是压缩目标尺寸(CGSize)targetSize

先看图片,然后我们开始以下的算法咯

/*****************************************************************************************************************************************************                            以下是代码                                                     **************************************/

```

-(UIImage*)image:(UIImage*)image  fortargetSize: (CGSize)targetSize{

      UIImage*sourceImage = image;

      CGSize imageSize = sourceImage.size;//图片的size

      CGFloat imageWidth = imageSize.width;//图片宽度

      CGFloat imageHeight = imageSize.height;//图片高度

      NSInteger judge;//声明一个判断属性

       //判断是否需要调整尺寸(这个地方的判断标准又个人决定,在此我是判断高大于宽),因为图片是800*480,所以也可以变成480*800

       if( ( imageHeight - imageWidth)>0) {

               //在这里我将目标尺寸修改成480*800

               CGFloat tempW = targetSize.width;

               CGFloat tempH = targetSize.height;

               targetSize.height= tempW;

               targetSize.width= tempH;

        }

         CGFloat targetWidth = targetSize.width;//获取最终的目标宽度尺寸

         CGFloat targetHeight = targetSize.height;//获取最终的目标高度尺寸

         CGFloat scaleFactor ;//先声明拉伸的系数

         CGFloat scaledWidth = targetWidth;

         CGFloat scaledHeight = targetHeight;

         CGPoint thumbnailPoint =CGPointMake(0.0,0.0);//这个是图片剪切的起点位置

         //第一个判断,图片大小宽跟高都小于目标尺寸,直接返回image

         if( imageHeight < targetHeight && imageWidth < targetWidth) {

                return image;

         }

       if ( CGSizeEqualToSize(imageSize, targetSize ) ==NO )

      {

              CGFloat widthFactor = targetWidth / imageWidth;  //这里是目标宽度除以图片宽度

               CGFloat heightFactor = targetHeight / imageHeight; //这里是目标高度除以图片高度

               //分四种情况,

               //第一种,widthFactor,heightFactor都小于1,也就是图片宽度跟高度都比目标图片大,要缩小

        if(widthFactor <1&& heightFactor<1){

               //第一种,需要判断要缩小哪一个尺寸,这里看拉伸尺度,我们的scale在小于1的情况下,谁越小,等下就用原图的宽度高度✖️那一个系数(这里不懂的话,代个数想一下,例如目标800*480  原图1600*800  系数就采用宽度系数widthFactor = 1/2  )

        if(widthFactor > heightFactor){

              judge =1;//右部分空白

               scaleFactor = heightFactor; //修改最后的拉伸系数是高度系数(也就是最后要*这个值)

       }

       else

      {

              judge =2;//下部分空白

              scaleFactor = widthFactor;

      }

}

   else if(widthFactor >1&& heightFactor <1){

           //第二种,宽度不够比例,高度缩小一点点(widthFactor大于一,说明目标宽度比原图片宽度大,此时只要拉伸高度系数)

           judge =3;//下部分空白 

            //采用高度拉伸比例

           scaleFactor = imageWidth / targetWidth;// 计算高度缩小系数 

}else if(heightFactor >1&& widthFactor <1){

         //第三种,高度不够比例,宽度缩小一点点(heightFactor大于一,说明目标高度比原图片高度大,此时只要拉伸宽度系数)

         judge =4;//下边空白

         //采用高度拉伸比例

        scaleFactor = imageHeight / targetWidth;

     }else{

           //第四种,此时宽度高度都小于目标尺寸,不必要处理放大(如果有处理放大的,在这里写).

     }

       scaledWidth= imageWidth * scaleFactor;

       scaledHeight = imageHeight * scaleFactor; 

}

if(judge ==1){

       //右部分空白

       targetWidth = scaledWidth;//此时把原来目标剪切的宽度改小,例如原来可能是800,现在改成780

}else if(judge ==2){

//下部分空白

       targetHeight = scaledHeight;

}else if(judge ==3){

      //第三种,高度不够比例,宽度缩小一点点

       targetWidth  = scaledWidth; 

}else{

      //第三种,高度不够比例,宽度缩小一点点

       targetHeight= scaledHeight;

}

      UIGraphicsBeginImageContext(targetSize);//开始剪切

      CGRect thumbnailRect =CGRectZero;//剪切起点(0,0)

      thumbnailRect.origin= thumbnailPoint;

      thumbnailRect.size.width= scaledWidth;

      thumbnailRect.size.height= scaledHeight;

       [sourceImage drawInRect:thumbnailRect];

       UIImage*newImage =UIGraphicsGetImageFromCurrentImageContext();//截图拿到图片

    return newImage;

}

```

上一篇下一篇

猜你喜欢

热点阅读