     drawLine(in: context, x: 60, y: 710, label: "lineWidth == 2")
 }
 
+// Line dash pattern.
 page.draw { context in
     context.dashStyle = DashStyle(pattern: [3], phase: 1)!
-    drawLine(in: context, x: 60, y: 680, label: "dashStyle.pattern == [3], dashStyle.phase == 1 | 2 on, 3 off, 3 on...")
+    drawLine(in: context, x: 60, y: 680,
+             label: "pattern == [3], phase == 1: 2 on, 3 off, 3 on...")
     
     context.dashStyle = DashStyle(pattern: [3, 7], phase: 2)!
-    drawLine(in: context, x: 60, y: 650, label: "dashStyle.pattern == [7, 3], dashStyle.phase == 2 | 5 on 3 off, 7 on,...")
+    drawLine(in: context, x: 60, y: 650,
+             label: "pattern == [7, 3], phase == 2: 5 on 3 off, 7 on,...")
     
     context.dashStyle = DashStyle(pattern: [8, 7, 2, 7])!
-    drawLine(in: context, x: 60, y: 620, label: "dashStyle.pattern == [8, 7, 2, 7], dashStyle.phase == 0")
-}
-
+    drawLine(in: context, x: 60, y: 620,
+             label: "pattern == [8, 7, 2, 7], phase == 0")
+}
+
+// Line Cap Style.
 page.draw { context in
     
     context.lineWidth = 30


page.draw { context in
    
    var point = Point(x: 330, y: 440)
    var point1 = Point(x: 430, y: 530)
    var point2 = Point(x: 480, y: 470)
    let point3 = Point(x: 480, y: 90)
    
    context.dashStyle = DashStyle(pattern: [3])!
    context.lineWidth = 0.5
    

        .appendingLine(toX: 200, y: 90)
    
    context.stroke(bevelPath)
    context.show(text: "LineJoin.bevel", atPosition: Point(x: 60, y: 150))
}

// Draw Rectangle.
page.draw { context in
    context.lineWidth = 2
    context.strokeColor = #colorLiteral(red: 0, green: 0, blue: 0, alpha: 1)
    context.fillColor = #colorLiteral(red: 0.7529411765, green: 0, blue: 0, alpha: 1)
    
    let strokeRectangle = constructRect(in: context, x: 300, y: 770, label: "Stroke")
