Window background as image with fitting corners

Question

I'm trying to make a visionOS window have an opaque image background setting. I have achieved this but the corners never match, they remain sharp and beyond the window shape.

I have used:

import SwiftUI
import RealityKit
import RealityKitContent
@main
struct BackgroundImageApp: App {
 var body: some Scene {
 WindowGroup {
 ContentView()
 }
 .defaultSize(width: 600, height: 400)
 }
}
struct ContentView: View {
 var body: some View {
 VStack {
 Text("Hello, VisionOS!")
 .font(.largeTitle)
 .foregroundStyle(.white)
 .padding()
 }
 .frame(maxWidth: .infinity, maxHeight: .infinity)
 //the backgrond image addition
 .background(
 Image("studio")
 .resizable()
 .scaledToFill()
 .clipped()
 .cornerRadius(24)
 )
 }
}

As well as various versions of Vstack settings.

It did place the image as the background (and playing with the opacity settings worked) but the corners never fitted.

• Benzy Neez: Try showing the image as an overlay over Color.clear, see this answer for details. Ps, the modifier .cornerRadius is deprecated, use a RoundedRectangle as clip shape instead.
• Cenk Bilgen: clipShape modifier to the image with ContainerRelativeShape may help