When Page Refresh the drawing or the drawing line moveup for every refresh

[vishmanthisuresh111]

Hi @williammalone
I was reading your tutorial here and then was looking for the comments section but only found your github - http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/

First at All thanks for the Code Every things work fine Great Job
so the minor issue is when page is refresh the drawing line move-up (like 5mm height) can you guide me how to resolve this not to move-up the drawing line.

I would Appreciate if you could Help Us

Thanks & Regards
Suresh

[nw1024]

Hi Suresh, I'm not William but I tried to reproduce your error and cannot. What operating system and browser are you using, and can you explain in detail how to reproduce the bug?

For example, with the GitHub content when viewing html5-canvas-drawing-app.html, a page refresh in Chrome simply resets the drawing completely, there are no lines left to move up or stay put.

[vishmanthisuresh111]

Hi @nw1024
Am using the chrome Browser
your right according to the GitHub content when viewing html5-canvas-drawing-app.html
I have made changes that after refresh the page the drawing lines or images should be on the page that works fine.
but when we refresh the page it moveup like 1cm height from the original position.

So my question is the draw line or image should be in the same position even after the page refresh

[vishmanthisuresh111]

after refresh the page its moves 1cm height from its original position.

[nw1024]

So you made some changes to the code to keep the lines after refresh? Can you make a fork with your changed code and link it, or maybe just paste the code here or a link to pastebin.com URL with the code that you changed?

Is your main goal to keep the lines as is when the page refreshes in the browser, rather than erase them?