Command Palette

Search for a command to run...

Hectal
Phase 11: Canvas 2D in Depth
Data Visualization · Exercise 2 of 4 PreviousNext
Intermediate

Stop the transform leaking

Three markers should sit 60 pixels apart, at x = 20, 80 and 140. Only the first is right, because each translate adds to the last.

Wrap each marker's drawing so the transform is undone.

What Check tests

  1. The first marker is at x = 20
  2. The second marker is at x = 80
  3. The third marker is at x = 140

Stuck? One hint at a time

The solution unlocks after your first Check. Try first: that is where the learning happens.

Runs in your browser. Your code is saved here.

Your page

Press Run to see the page.

Console

Nothing logged yet.