refactoring notes iterator to create shape in DrawPage

Change-Id: I414b792139c8cd34c1850993573b4220febdeed7