iOS SwiftUI：如何获取应用特效后的Image副本？

你的问题核心在于：ImageRenderer渲染的是原始的image1，而非你叠加了缩放、旋转、偏移、裁剪等所有特效后的完整视图，所以导出的是未处理的原图。要获取带特效的图像副本，需要让ImageRenderer准确渲染整个带修饰符的视图。

修正方案 #

1. 将带所有特效的Image封装成独立子View，确保渲染目标精准
2. 用@State修饰显示导出结果的Image变量，触发SwiftUI视图更新
3. 让ImageRenderer渲染封装好的特效视图，而非原始Image

完整代码 #

import SwiftUI

struct ContentView: View {
    // 用@State触发视图更新，初始显示占位图
    @State private var processedImage: Image? = Image("empty")
    
    // 封装所有特效逻辑的子View
    private var styledImageView: some View {
        Image("minions")
            .resizable()
            .scaleEffect(1.5)
            .rotationEffect(.degrees(20.0))
            .offset(CGSize(width: -75.0, height: -50.0))
            .aspectRatio(contentMode: .fill)
            .frame(width: 160, height: 160, alignment: .center)
            .contentShape(Rectangle())
            .clipped()
            .border(Color.black)
    }
    
    var body: some View {
        VStack(spacing: 20) {
            // 展示带特效的原视图
            styledImageView
            
            Button(action: {
                // 渲染封装好的完整特效视图
                let renderer = ImageRenderer(content: styledImageView)
                // 处理可选值，避免空值崩溃
                guard let uiImage = renderer.uiImage else { return }
                processedImage = Image(uiImage: uiImage)
            }, label: {
                Text("导出带特效的图片")
            })
            
            // 展示导出后的图片
            processedImage?
                .frame(width: 160, height: 160)
                .border(Color.blue)
        }
        .padding()
    }
}

关键说明 #

• 把所有特效逻辑集中到styledImageView，保证ImageRenderer渲染的是最终呈现的完整视图
• @State修饰的processedImage会在导出完成后自动触发视图刷新，显示导出结果
• 增加可选值判断，避免renderer.uiImage为空时引发崩溃

内容的提问来源于stack exchange，提问作者JimEli