Skip to main content

Benutzerdefiniertes Zeichnen einer Linie

Einfaches Canvas-Beispiel für benutzerdefiniertes Linienzeichnen mit dynamischen Größen. Über den Path wird die Position der Linie bestimmt und in welcher Breite die Linie gezeichnet wird.

import SwiftUI

struct ContentView: View {
    var body: some View {
        Canvas { context, size in
            var path = Path()
            path.move(to: CGPoint(x: 0, y: size.height / 2))
            path.addLine(to: CGPoint(x: size.width, y: size.height / 2))
            
            context.stroke(path, with: .color(.blue), lineWidth: 5)
        }
        .frame(height: 100)
        .background(Color.yellow)
        .padding()
    }
}