add html5 canvas coordinates schematic diagram