Xcode 保存铅笔盒图像–SwiftUI

Xcode 保存铅笔盒图像–SwiftUI,xcode,swiftui,uiviewrepresentable,pencilkit,Xcode,Swiftui,Uiviewrepresentable,Pencilkit,我有一个SwiftUI视图,可以使用UIViewRepresentable PencilKit视图捕获用户签名。视图捕获的签名很好,但是当我尝试保存签名时,保存的文件是一个空白/空的PNG文件 import PencilKit struct SignatureUI: View { let canvasView = PKCanvasView(frame: .init(x: 0, y: 0, width: 400.0, height: 100.0)) let imgRect = C

我有一个SwiftUI视图,可以使用UIViewRepresentable PencilKit视图捕获用户签名。视图捕获的签名很好,但是当我尝试保存签名时,保存的文件是一个空白/空的PNG文件

import PencilKit

struct SignatureUI: View {
    let canvasView = PKCanvasView(frame: .init(x: 0, y: 0, width: 400.0, height: 100.0))
    let imgRect = CGRect(x: 0, y: 0, width: 400.0, height: 100.0)

    let today = Date()
    var dateFormatter: DateFormatter {
        let formatter = DateFormatter()
        formatter.dateStyle = .long
        return formatter
    }

    var body: some View {
        VStack {
            Text ("Sign here:")
            PencilKitRepresentable()
                .frame(height: 100.0)
                .border(Color.gray, width: 5)
            Button(action: {
                self.saveSignature()
            }) {
                Text("Save Signature")
            }
        }
    }

    func saveSignature() {
        let image = canvasView.drawing.image(from: imgRect, scale: 1.0)
        if let data = image.pngData() {
            let filename = getDocumentsDirectory().appendingPathComponent("\(self.dateFormatter.string(from: self.today)).png")
            try? data.write(to: filename)
            print(filename)
        }
    }
}

struct PencilKitRepresentable : UIViewRepresentable {

    func makeUIView(context: Context) -> PKCanvasView {
        return PKCanvasView(frame: .init(x: 0, y: 0, width: 400, height: 80));
    }

    func updateUIView(_ uiView: PKCanvasView, context: Context) {

    }

}
你能试试这个吗

if let img = drawImage(image), let data = img.pngData() { 
....
}

func drawImage(_ image: UIImage) -> UIImage? {
    guard let cgimg = image.cgImage else { return nil }
    UIGraphicsBeginImageContext(CGSize(width: cgimg.width, height: cgimg.height))
    image.draw(in: CGRect(x: 0, y: 0, width: cgimg.width, height: cgimg.height))
    let theimg = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return theimg
}
你能试试这个吗

if let img = drawImage(image), let data = img.pngData() { 
....
}

func drawImage(_ image: UIImage) -> UIImage? {
    guard let cgimg = image.cgImage else { return nil }
    UIGraphicsBeginImageContext(CGSize(width: cgimg.width, height: cgimg.height))
    image.draw(in: CGRect(x: 0, y: 0, width: cgimg.width, height: cgimg.height))
    let theimg = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return theimg
}

我想你在这里使用的是两种不同的画布

试着这样做:

struct PencilKitRepresentable : UIViewRepresentable {
    let canvas = PKCanvasView(frame: .init(x: 0, y: 0, width: 400, height: 80))
    func makeUIView(context: Context) -> PKCanvasView {
        return canvas
    }
    func updateUIView(_ uiView: PKCanvasView, context: Context) { }
}
以及:


我想你在这里使用的是两种不同的画布

试着这样做:

struct PencilKitRepresentable : UIViewRepresentable {
    let canvas = PKCanvasView(frame: .init(x: 0, y: 0, width: 400, height: 80))
    func makeUIView(context: Context) -> PKCanvasView {
        return canvas
    }
    func updateUIView(_ uiView: PKCanvasView, context: Context) { }
}
以及:


这仍然给了我相同的结果:一个完全空白的.png文件,具有指定的高度和宽度以及指定的名称。但是画布上的签名没有保存。这仍然给了我相同的结果:一个完全空白的.png文件,具有指定的高度和宽度以及指定的名称。但是画布上的签名没有保存。