Swiftにて、読み込んだUIImageのリサイズ、配列操作が上手く動作しない

Question

前提・実現したいこと

読み込んだ画像をスライダーの数値によってリサイズ、配列操作をした後に表示したい

発生している問題・エラーメッセージ

画像が崩れる

該当のソースコード

        {
        r2 = Slider!.value
        Katati = UIImage(named: "image.png")
        let imageResize:UIImage = resize(image: Katati, width: Double(r2*2))
        
        var katati_pixels = getByteArrayFromImage(imageRef: imageResize.cgImage!)

        ////////////
        配列操作
        ////////////

        let result_pix = RBGImage(data: katati_pixels, width: r2*2, height:r2*2)
        Button.setImage(UIImage(cgImage: result_pix!), for: UIControl.State.normal)
        }


    func getByteArrayFromImage(imageRef: CGImage) -> [UInt8] {
        
        let data = imageRef.dataProvider!.data
        let length = CFDataGetLength(data)
        var rawData = [UInt8](repeating: 0, count: length)
        CFDataGetBytes(data, CFRange(location: 0, length: length), &rawData)
        return rawData
        
    }
    func RBGImage(data: [UInt8], width: Int, height: Int) -> CGImage? {
        
        let bitsPerComponent = 8
        let bitsPerPixel = bitsPerComponent * 4
        let bytesPerRow = bitsPerPixel * width / 8
        
        let providerRef = CGDataProvider(
            data: NSData(bytes: data, length: height * width * 4)
        )
        
        let cgimage = CGImage(
            width: width,
            height: height,
            bitsPerComponent: bitsPerComponent,
            bitsPerPixel: bitsPerPixel,
            bytesPerRow: bytesPerRow,
            space: CGColorSpaceCreateDeviceRGB(),
            bitmapInfo: CGBitmapInfo(rawValue: CGImageAlphaInfo.premultipliedLast.rawValue),
            provider: providerRef!,
            decode: nil,
            shouldInterpolate: false,
            intent: .defaultIntent
        )
        return cgimage
    }

    func resize(image: UIImage, width: Double) -> UIImage {
        
        let aspectScale = image.size.height / image.size.width
        
        let resizedSize = CGSize(width: width, height: width * Double(aspectScale))
        print("height",width * Double(aspectScale))
        
        UIGraphicsBeginImageContext(resizedSize)
        image.draw(in: CGRect(x: 0, y: 0, width: resizedSize.width, height: resizedSize.height))
        print("resizedSize.width",resizedSize.width)
        let resizedImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        
        return resizedImage!
    }
    

試したこと

スライダーの値によっては正常に動作するのですが、リサイズ後の画像のwidth×height×4と[Uint8]の配列の長さが一致しないことが多々あり、その場合に上手く画像が表示されません

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[takabosoft]

（回答したので質問取り下げます）

Answer 1

let result_pix = RBGImage(data: katati_pixels, width: r22, height:r22)

は

let result_pix = RBGImage(data: katati_pixels, width: imageResize.cgImage!.width, height: imageResize.cgImage!.height)

にすれば動くかもしれません。

---

追記：

手元で再現しました。

配列からCGImageを作るときのbytesPerRowの値が元のCGImageと一致しないので、そこが原因だとは思いますが、
正しい計算式がちょっと調べた程度では出てこなかったので、こんな感じでごまかしました。

func RBGImage(data: [UInt8], compatible: CGImage) -> CGImage? {
        let providerRef = CGDataProvider(data: NSData(bytes: data, length: data.count))
        let cgimage = CGImage(
            width: compatible.width,
            height: compatible.height,
            bitsPerComponent: compatible.bitsPerComponent,
            bitsPerPixel: compatible.bitsPerPixel,
            bytesPerRow: compatible.bytesPerRow,
            space: compatible.colorSpace!,
            bitmapInfo: compatible.bitmapInfo,
            provider: providerRef!,
            decode: nil,
            shouldInterpolate: false,
            intent: .defaultIntent
        )
        return cgimage
    }

呼び出し方は
let result_pix = RBGImage(data: katati_pixels, compatible: imageResize.cgImage!)
でOKです。

Comments

[hkbto]

特に結果に差はありませんでした。。。
試してみた結果、rの値は「45,51,53,98,99,117,130」などで失敗しています。
成功した時の値は「100,136」などです。
失敗した例だと、RGBAが「0,0,0,0」となる値が配列に増えているみたいなのですが、何故増えているのかは全くわかっていないのが現状です。
また、読み込んでいる画像のサイズは196×196です。

[takabosoft]

回答を追記しました。とりあえず手元では正しく出るようになりました。

[hkbto]

解決しました。ありがとうございます。