イメージ画面に手書きできるようにしたい

Question

最近、Xcodeの勉強を始めました。
ネットに載っていたコードを用いて画面に手書きできるプログラムを作成しました。
最終的にはイメージ画面に手書きできるようにしたいのですが、下記のコードから
どのようにすればできるのでしょうか。いろいろテキストなどを見ながら作成しましたがうまくいきません。ご教示のほどよろしくお願いします。

import SwiftUI

struct ContentView: View {

@State var isDrawing: Drawer = Drawer()
@State var drawers: [Drawer] = [Drawer]()
@State var colorSet: Color = Color.blue
@State var drawWidth: CGFloat = 4.0

var body: some View {
    VStack(alignment: .center) {
        DrawingArea(isDrawing: $isDrawing,
        drawers: $drawers,
       colorSet: $colorSet,
        drawWidth: $drawWidth)
    }
    
}

}

struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}

struct Drawer {
var points: [CGPoint] = CGPoint
}

struct DrawingArea: View {
@Binding var isDrawing: Drawer
@Binding var drawers: [Drawer]
@Binding var colorSet: Color
@Binding var drawWidth: CGFloat

var body: some View {
GeometryReader { geometry in
Path { linePath in
for Drawer in self.drawers {
self.addAction(Drawer: Drawer, toPath: &linePath)
}
self.addAction(Drawer: self.isDrawing, toPath: &linePath)
}
.stroke(self.colorSet, lineWidth: self.drawWidth)
.background(Color(white: 0.7))
.gesture(
DragGesture(minimumDistance: 0.05)
.onChanged({ (value) in
let currentPoint = value.location
if currentPoint.y >= 0 && currentPoint.y < geometry.size.height {
self.isDrawing.points.append(currentPoint)
}
})
.onEnded({ (value) in
self.drawers.append(self.isDrawing)
self.isDrawing = Drawer()
})
)
}
}

func addAction(Drawer: Drawer, toPath linePath: inout Path) {
let points = Drawer.points
if points.count > 1 {
for i in 0..<points.count-1 {
let previous = points[i]
let next = points[i+1]
linePath.move(to: previous)
linePath.addLine(to: next)
}
}
}

}