[SwiftUI]Image(画像)を反転するには？

どうも、ちょげ(@chogetarou)です。

画像であるImageを反転する方法を紹介します。

方法

Imageを反転するには、roation3DEffect修飾子を使います。

まず、Imageにrotation3DEffect修飾子を付与します。

そして、ratation3DEffect修飾子の第１引数に「.degrees(180)」、第２引数「axis」に回転軸の座標を指定します。

Image("image")
    .rotation3DEffect(.degrees(180), axis: position) //position = 回転軸の座標

roation3DEfrfect修飾子を使うことで、Imageを反転することが出来ます。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Image("DogPhoto")
                 .resizable()
                 .scaledToFit()
                 .padding()
            
            Image("DogPhoto")
                .resizable()
                .scaledToFit()
                .padding()
                .rotation3DEffect(.degrees(180), axis: (1, 0, 0))
        }
    }
}