shapes all rendered in upper left corner

This was because the canvas area was 0 by 0 at document read. Now use
the resize method to change canvas size before shapes are created, so
that they spread around the board correctly.