Animation of a word using HTML5 Canvas

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. Attached is my logo and the word "Studios" is what I would like animated. Maybe an easy task if you know how but I can't find enough information on the web to try it myself. Many thanks