HTML5 Canvas animation

Hi, I need someone very competent using HTML5 canvas. I would like a word (studios) to appear to be hand written from left to right once my page loads. I have a few references to explain myself, [login to view URL] which gives you the code. My problem is getting the coordinates of all the pixels, This site gives you the coordinates of the mouse position which is what I need I guess, [login to view URL] It's just trying to get the actual mouse coordinates of my picture I already have and also it needs to be a lot more refined than the first example. Very similar to this animation but a lot more refined. [login to view URL] Attached is a copy of the logo with the word I want animated "Studios" Maybe an easy task if you know how but I can't find enough information on the web to try it myself.