Skip to content

Image occlusion

Image occlusion turns an image into cards — perfect for anatomy, maps, diagrams, and UI screenshots. There are two ways to make them, and they work side by side: draw boxes interactively, or write a numbered list.

Run the command “Create image occlusion at cursor”, pick an image, and draw boxes right on it:

  • Drag on the image to draw a box; drag or resize existing boxes.
  • Give each box a Markdown / LaTeX answer, or leave it empty to simply hide a label that’s baked into the image.
  • Save — it’s stored as a self-contained decks-occlusion block (coordinates are percentages, so it scales on any device).

Each box is one card: the box is hidden on the front and revealed on the back with its answer. In reading view you see the fully answered diagram. Edit any time from the block’s Edit button or the flashcard manager.

You can also provide an image plus a numbered list; the numbers on the image map to the list items.

## Bones of the arm
![[arm_bones.png]]
1. ==Humerus==
2. ==Radius==
3. ==Ulna==
  • Each list item is one card.
  • The image (with its numbered labels) is shown on the front, and the matching item is blanked on the back.
  • Numbers on the image correspond to the positions in the numbered list.

Image occlusion is built on top of cloze deletions — note the ==highlight== around each label. Because of that, cloze must be enabled on the profile the deck uses (it is on by default).