Place regular points by clicking on the canvas, place bezier curve points by click-dragging on the canvas. Points can be undone (but not redone)
by typing 'z' on your keyboard. To close a shape (i.e. connect the last point to the first point) type 'c' on your keyboard. To open a shape back up, type
'o' - note that typing 'z' on a closed shape will first open it up; you will need to type 'z' again to undo the actual last point. To draw multiple shapes, first
finalise a shape by right-clicking with the mouse, then start placing the next shape's points. Points can be modified after placements using the point
control bar in the center of the page. The "composition" backgrounds are visual aids. They are irrelevant to the actual shape being placed.

Todo list:

Fix up SVG outline rendering

Group point buttons per shape

Add "consists of a combination of the following characters: ..." functionality