     drawLine2(in: context, x: 60, y: 440, label: "LineCap.projectingSquare")
 }
 
+// Line Join Style
 page.draw { context in
     
     context.lineWidth = 30

        .appendingLine(toX: 200, y: 195)
    
    context.stroke(roundPath)
    
    context.lineJoin = .bevel
    

    
    context.stroke(Path().moving(to: point).appendingCurve(controlPoint2: point1, endPoint: point2))
    
    // Curve example (appendingCurve(controlPoint1:endPoint))
    point = point + Vector(x: 0, y: -150)
    point1 = point1 + Vector(x: 0, y: -150)
    point2 = point2 + Vector(x: 0, y: -150)
    
    context.show(text: "appendCurve(controlPoint1:endPoint)",
                 atPosition: Point(x: 300, y: 400))
    
    currentPoint = Point(x: point.x + 5, y: point.y - 5)
    context.show(text: "currentPosition", atPosition: currentPoint)
    currentPoint = currentPoint + (point1 - point)
    context.show(text: "controlPoint1", atPosition: currentPoint)
    currentPoint = currentPoint + (point2 - point1)
    context.show(text: "endPoint", atPosition: currentPoint)
    
    context.dashStyle = DashStyle(pattern: [3])!
    context.lineWidth = 0.5
    
