web-dev-qa-db-ja.com

IOS Swift 3：カメラの写真を撮った後、フロントカメラの画像を水平に反転します

StackOverflowには、このような画像の反転を扱ういくつかの質問があります ここ 。デフォルトでは、iOSは写真を撮るときにフロントカメラの水平方向の画像を反転します。フロントカメラの画像が反転するのを防ぐか、適切な向きに戻すようにしています。 WKWebviewとやり取りしています。

問題は、カメラを取得して適切な方向に設定するためにViewControllerを呼び出すか、どのメソッドを配置するか、またはこの動作を防ぐための正しい設定を行う方法がわからないことです。また、画像を撮ったカメラ情報を取得する方法もわかりません。

これは、カメラが写真を処理した後に画像を変更するために、Objective-Cコードを変換することに基づいて私が試みた1つの解決策です。ただし、画像変数は定数であり、変更できません。

func didTakePicture(_ picture: UIImage) {
    var flippedImage = UIImage(cgImage: picture.cgImage!, scale: picture.scale, orientation: .leftMirrored)
    picture = flippedImage
}

どんな助けでも大歓迎です。ありがとうございました！

iosiphoneswiftcameraswift3
14
applecrusher

画像を正しく反転していますが、反転した画像をpicture変数に割り当てるのはなぜですか？flippedImage変数を使用して、必要な場所に渡すことができます。

func didTakePicture(_ picture: UIImage) {
    var flippedImage = UIImage(CGImage: picture.CGImage!, scale: picture.scale, orientation: .leftMirrored)
    // Here you have got flipped image you can pass it wherever you are using image
}

私がやろうとしているのは、フロントカメラの画像だけが反転しないようにすることです

デフォルトのカメラを使用している場合、画像の反転を防ぐためにカメラを防ぐことはできません。そのためには、AVFoundationを使用して独自のカメラを作成し、そこにロジックを適用する必要があります。

サードパーティのライブラリを使用する準備ができている場合は、 LEMirroredImagePicker を確認できます。

12
Rajat

私は以前にこの問題に遭遇したことがあります。私は正直にそれを完全には理解していませんが、これは私の問題であり、おそらくあなたの問題と関係があります：

何が起こっているのかというと、iPhoneカメラ（おそらくハードウェア上の理由による）は、画像データを常に正しい向きで保存するとは限りません。 iPhoneのモデルとカメラによっては、上下逆さまに保存したり、軸の一方または両方で反転させたりすることもできます。 iPhoneで写真を撮るときはいつでも、EXIF変換メタデータを適用してこれを元に戻すことでこれを「修正」することがあります。

変換の場合、EXIFメタデータは、データを開いた後にデータを回転および反転する方法を示します。これが存在する理由は、メモリ内の実際の画像データを変換するよりも、EXIF変換メタデータを画像に適用する方が安価だからです。

IOSで画像を表示するすべてが変換メタデータを尊重するわけではないため、これは問題になることがあります。これは、WKWebviewで発生している可能性があります。 EXIFデータの変換をチェックせずに画像を表示している可能性があります。

過去にいくつかの画像処理アプリを作成したときに、この問題に遭遇しました。簡単な修正方法はありませんが、解決方法は次のとおりです。1）まず、UIImageからすべてのEXIF変換データを削除します。これは計算コストが高くなりますが、IMOを使用すると、画像の処理がはるかに簡単になり、EXIFデータを処理しないことを心配する必要がなくなります。 2）次に、iPhoneカメラが画像を望ましくない方向に保存した場合は、画像を正しい方法で適切に変換します。

これらは始めるのに良い場所かもしれません

EXIFの削除：

https://stackoverflow.com/a/34161629/4102858 、

https://stackoverflow.com/a/25595495/4102858

UIImage変換：

https://stackoverflow.com/a/29753437/4102858

これらはあなたにとって完璧な修正ではないかもしれませんが、うまくいけば、あなたがあなたの問題をもう少しよく理解するのを助けるでしょう。

3
WaltersGE1

これを試して：

if captureDevice.position == AVCaptureDevicePosition.back {
  if let image = context.createCGImage(ciImage, from: imageRect) {
    return UIImage(cgImage: image, scale: UIScreen.main.scale, orientation: .right)
  }
}

if captureDevice.position == AVCaptureDevicePosition.front {
  if let image = context.createCGImage(ciImage, from: imageRect) {
    return UIImage(cgImage: image, scale: UIScreen.main.scale, orientation: .leftMirrored)
  }
}
2
RandomGeek

最初にデバイスモデルを取得しますUIDeviceのデバイスモデルをチェックする拡張機能リンク

import UIKit

public extension UIDevice {

    var modelName: String {
        var systemInfo = utsname()
        uname(&systemInfo)
        let machineMirror = Mirror(reflecting: systemInfo.machine)
        let identifier = machineMirror.children.reduce("") { identifier, element in
            guard let value = element.value as? Int8 where value != 0 else { return identifier }
            return identifier + String(UnicodeScalar(UInt8(value)))
        }

        switch identifier {
        case "iPod5,1":                                 return "iPod Touch 5"
        case "iPod7,1":                                 return "iPod Touch 6"
        case "iPhone3,1", "iPhone3,2", "iPhone3,3":     return "iPhone 4"
        case "iPhone4,1":                               return "iPhone 4s"
        case "iPhone5,1", "iPhone5,2":                  return "iPhone 5"
        case "iPhone5,3", "iPhone5,4":                  return "iPhone 5c"
        case "iPhone6,1", "iPhone6,2":                  return "iPhone 5s"
        case "iPhone7,2":                               return "iPhone 6"
        case "iPhone7,1":                               return "iPhone 6 Plus"
        case "iPhone8,1":                               return "iPhone 6s"
        case "iPhone8,2":                               return "iPhone 6s Plus"
        case "iPhone9,1", "iPhone9,3":                  return "iPhone 7"
        case "iPhone9,2", "iPhone9,4":                  return "iPhone 7 Plus"
        case "iPhone8,4":                               return "iPhone SE"
        case "iPad2,1", "iPad2,2", "iPad2,3", "iPad2,4":return "iPad 2"
        case "iPad3,1", "iPad3,2", "iPad3,3":           return "iPad 3"
        case "iPad3,4", "iPad3,5", "iPad3,6":           return "iPad 4"
        case "iPad4,1", "iPad4,2", "iPad4,3":           return "iPad Air"
        case "iPad5,3", "iPad5,4":                      return "iPad Air 2"
        case "iPad2,5", "iPad2,6", "iPad2,7":           return "iPad Mini"
        case "iPad4,4", "iPad4,5", "iPad4,6":           return "iPad Mini 2"
        case "iPad4,7", "iPad4,8", "iPad4,9":           return "iPad Mini 3"
        case "iPad5,1", "iPad5,2":                      return "iPad Mini 4"
        case "iPad6,3", "iPad6,4", "iPad6,7", "iPad6,8":return "iPad Pro"
        case "AppleTV5,3":                              return "Apple TV"
        case "i386", "x86_64":                          return "Simulator"
        default:                                        return identifier
        }
    }

}

あなたはそれをこのように呼びます：

let modelName = UIDevice.currentDevice().modelName

ロジックは、画像の解像度をチェックすることです。次のコードで画像のheightとwidthをピクセル単位で取得し、FaceTime（Front）カメラの解像度を確認できます。

メインコードブロック

//Getting model Name
let modelName = UIDevice.currentDevice().modelName
//Getting the height and the width of the image captured. The Apple devices either have a 7 MP,5 MP front camera or a 1.2 MP front camera. 
let heightInPoints = image.size.height
let heightInPixels = heightInPoint * image.scale

let widthInPoints = image.size.width
let widthInPixels = widthInPoints * image.scale

//Checking for 7 megapixel
//3,072 x 2304 or 3180x2375 (Sorry I am not sure about the exact resolution)
if (heightInPixels == 2304 && widthInPixels== 3,072)
{
 var flippedImage = UIImage(cgImage: picture.cgImage!, scale: picture.scale, orientation: .leftMirrored)
}
//Checking for 5 megapixel 
//2592 x 1936 resolution 
if (heightInPixels == 1944 && widthInPixels== 2592)
{
 if (modelName == "iPad Mini 2" || modelName == "iPad Mini 3" || modelName == "iPad Air" || modelName == "iPad 4")
{
print ("iPad models with 5mp back camera")
}
else
{
 var flippedImage = UIImage(cgImage: picture.cgImage!, scale: picture.scale, orientation: .leftMirrored)
}
     }
//Checking for 1.2 MP camera
//1200 x 780 pixels 2MP resolution for iPhone 6/6+/someipad Models they have a 1.2MP camera 

//No Apple iDevice has a main camera below this resolution
else if (heightInPixels == 780 && widthInPixel == 1200)
{
 var flippedImage = UIImage(cgImage: picture.cgImage!, scale: picture.scale, orientation: .leftMirrored)
}

お役に立てれば。

1
Md. Ibrahim Hassan

私はこの質問が答えられたことを知っていますが、人々は以下のリンクが役に立つと思うかもしれません。

カメラ画像は常に横向きですが、キャプチャ時にデバイスの向きを示すメタデータの向きフィールドが含まれています。

残念ながら、一部の視聴者はこのフィールドを読み取らず、画像を回転させません。

良いアプローチは、この変数を読み取り、それに応じて画像を回転させることです。

コードはここから取得されました- https://github.com/nativ18/Swift-Extensions/blob/master/UIImage%2BExtensions

extension UIImage {

func alignOrientationMetadataAndSize() -> UIImage? {
    let landscapeMetadata = imageOrientation == .left || imageOrientation == .leftMirrored || imageOrientation == .right || imageOrientation == .rightMirrored
    let landscapeSize = size.width > size.height
    switch (landscapeSize, landscapeMetadata) {
    case (false, true), (true, false):
        var newSize = CGSize(width: size.height, height: size.width)
        // Trim off the extremely small float value to prevent core graphics from rounding it up
        newSize.width = floor(newSize.width)
        newSize.height = floor(newSize.height)
        UIGraphicsBeginImageContextWithOptions(newSize, false, self.scale)
        let context = UIGraphicsGetCurrentContext()!
        context.translateBy(x: newSize.width/2, y: newSize.height/2)
        self.draw(in: CGRect(x: -self.size.width/2, y: -self.size.height/2, width: self.size.width, height: self.size.height))
        let newImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return newImage
    default:
        return self
    }
}
}
0
Nativ