Canvas for drawing in iOS Swift - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ ui_behavior

intermediate

What happens when you add this code to a SwiftUI Canvas?

Consider this SwiftUI Canvas code snippet. What will the user see rendered on the screen?

iOS Swift

Canvas { context, size in
  context.stroke(Path { path in
    path.move(to: CGPoint(x: 10, y: 10))
    path.addLine(to: CGPoint(x: 100, y: 100))
  }, with: .color(.red), lineWidth: 5)
}

A A red diagonal line from top-left (10,10) to bottom-right (100,100) with thickness 5

B Nothing is drawn because the path is incomplete

C A red rectangle from (10,10) to (100,100)

D A blue diagonal line from top-left (10,10) to bottom-right (100,100) with thickness 5

💡 Hint

Look at the stroke color and the points used in the path.

The code draws a red line from point (10,10) to (100,100) with a line width of 5. The color is explicitly set to red, so option A is correct.

❓ lifecycle

intermediate

When does the Canvas redraw in SwiftUI?

Given a SwiftUI Canvas view that depends on a @State variable, when will the Canvas redraw its content?

A Only when the @State variable changes

B Only when the app restarts

C Continuously every frame regardless of state

D Only when the user taps the Canvas

💡 Hint

Think about SwiftUI's reactive update system.

SwiftUI redraws views like Canvas when their dependent state changes. So if the Canvas depends on a @State variable, it redraws when that variable changes.

📝 Syntax

advanced

What error does this Canvas code produce?

Analyze this SwiftUI Canvas code snippet. What error will it cause?

iOS Swift

Canvas { context, size in
  context.fill(Path(ellipseIn: CGRect(x: 50, y: 50, width: 100, height: 100)), with: .color("blue"))
}

A Syntax error: Missing closing brace

B Runtime error: Invalid rectangle size

C No error, draws a blue ellipse

D Type error: Cannot convert String to Color

💡 Hint

Check the argument passed to .color()

The .color() modifier expects a Color type, not a String. Passing "blue" as a string causes a type error.

❓ navigation

advanced

How to update Canvas drawing after navigation back?

You have a Canvas drawing view that depends on data updated in a second view. After navigating back, the Canvas does not update. What is the best way to fix this?

A Add a timer to redraw Canvas every second

B Reload the entire app to refresh the Canvas

C Use @ObservedObject or @StateObject to share data and trigger redraw

D Use a global variable without property wrappers

💡 Hint

Think about SwiftUI data flow and state management.

Using @ObservedObject or @StateObject allows the Canvas view to observe changes in shared data and redraw automatically when data updates after navigation.

🧠 Conceptual

expert

Why use Canvas over Shape in SwiftUI for complex drawings?

Which reason best explains why you would choose Canvas instead of Shape for drawing complex graphics in SwiftUI?

A Shape automatically animates without extra code

B Canvas allows direct access to Core Graphics context for custom drawing commands

C Canvas is simpler and requires less code than Shape

D Shape supports bitmap images but Canvas does not

💡 Hint

Think about flexibility and low-level drawing control.

Canvas provides a drawing context giving low-level control over rendering, enabling complex custom graphics beyond what Shape's path-based drawing offers.