前言

曾經做過一個圖片編輯軟件年碘，對圖片進行添加貼紙 濾鏡等功能橘茉，其中遇到一個問題工腋，因為對圖片質量要求較高，需要對原圖進行編輯處理畅卓，而不能使用截屏夷蚊，對原圖處理就涉及到圖片方向的概念。在這里對UIImage的方向做一個總結髓介。

圖片格式

主流圖片有兩種格式PNG以及JPG(JPEG)

PNG

因為Apple會對PNG圖片進行優(yōu)化(通過pngcrush)惕鼓，所以資源文件使用PNG格式進行存儲。PNG圖片無方向性唐础，通過MetaData可以看到箱歧。

更多信息.png

JPG

JPG圖片是有損壓縮的，主要用于網絡傳輸一膨。iOS設備相冊存儲的圖片也是此種格式呀邢。
JPG圖片是有方向的，

更多信息_和_CameraDemo.png

JPG方向介紹

orient_flag2.gif

iOS設備方向

在研究圖片方向前，先要了解設備方向

typedef NS_ENUM(NSInteger, UIDeviceOrientation) {
    UIDeviceOrientationUnknown,
    UIDeviceOrientationPortrait,            // Device oriented vertically, home button on the bottom
    UIDeviceOrientationPortraitUpsideDown,  // Device oriented vertically, home button on the top
    UIDeviceOrientationLandscapeLeft,       // Device oriented horizontally, home button on the right
    UIDeviceOrientationLandscapeRight,      // Device oriented horizontally, home button on the left
    UIDeviceOrientationFaceUp,              // Device oriented flat, face up
    UIDeviceOrientationFaceDown             // Device oriented flat, face down
}

具體對應就是

1353491265_4061.png

以下是使用

除了這些方向還有其他方向巷蚪，當然這些方向是flip不是直接拍出來的病毡。

orient_flag.gif

具體表如下：

NOTE: Values with "*" are uncommon since they represent "flipped" orientations.

UIImage方向

UIImage官方說明

UIImageOrientationUp

The default orientation of images. The image is drawn right-side up, as shown here.

1494991025796.png

UIImageOrientationDown

The image is rotated 180 degrees, as shown here.

1494991581847.png

UIImageOrientationLeft

The image is rotated 90 degrees clockwise, as shown here.

1494991633798.png

UIImageOrientationRight

The image is rotated 90 degrees counterclockwise, as shown here.

1494991869533.png

UIImageOrientationUpMirrored

The image is drawn as a mirror version of an image drawn with the UIImageOrientationUp value. In other words, the image is flipped along its horizontal axis, as shown here.

1494991906315.png

UIImageOrientationDownMirrored

The image is drawn as a mirror version of an image drawn with the UIImageOrientationDown value. This is the equivalent to flipping an image in the “up” orientation along its horizontal axis and then rotating the image 180 degrees, as shown here.

1494991953891.png

UIImageOrientationLeftMirrored

The image is drawn as a mirror version of an image drawn with the UIImageOrientationLeft value. This is the equivalent to flipping an image in the “up” orientation along its horizontal axis and then rotating the image 90 degrees counterclockwise, as shown here.

1494991990057.png

UIImageOrientationRightMirrored

The image is drawn as a mirror version of an image drawn with the UIImageOrientationRight value. This is the equivalent to flipping an image in the “up” orientation along its horizontal axis and then rotating the image 90 degrees clockwise, as shown here.

1494992030570.png

舉例

UIImage的方向跟JPG圖片方向是一致的，也就是說UIImageOrientationUp是圖片的原始方向屁柏，使用UIImageView看到的圖像是經過原始圖像轉換之后的結果啦膜。

例如:一張圖片的方向是UIImageOrientationLeft有送，使用UIImageView展示，就是使用原始圖像經過順時針旋轉90度之后的結果僧家。

使用UIDeviceOrientationPortrait拍照一張雀摘，預覽圖

ScreenShot_20170518150741.png

而后打斷點

ViewController_m.png

查看原圖

image.tiff.png

圖片方向UIImageOrientationLeft,很明顯預覽圖是原圖經過順時針旋轉90度而來。

總結

• UIImageView如果發(fā)現(xiàn)image的imageOrientation不為UIImageOrientationUp時八拱，imageView會根據imageOrientation調整顯示內容届宠。
  因此，我們把如果image的imageOrientation調整為UIImageOrientationUp就可以看到image的原始圖。
• 也可以通過內存地址查看原始圖。
• UIImage是CGImage的上層表現(xiàn)蝠嘉，CGImage真正存儲了UIImage的數(shù)據跳座。
• 圖片的寬高是按照展示的圖片算的，不是原圖的寬高每聪。
• 為了精確展示圖片旋轉的過程使用UIViewContentModeScaleAspectFit參數(shù)來展示圖片旦棉。

Demo說明

拍照查看圖片方向

ScreenShot_20170518140710.png

查看預覽圖 原圖以及修正圖和 旋轉過程

ScreenShot_20170518140723.png

Demo地址

git地址TSImageOrientation

參考1