HTML5 canvas drawing

I need draw letters similar to "B" from video below ,must have similar feeling reguiremnet: 1. Read carefully bid only if you have the overall skills ,thanks [login to view URL] js libraries or jquery just using html5 canvas drawing methods. 3. 50 kb lenght + scalable +compatible (thats why html5 canvas drawing methods) 4. letter must turn side to side like in video [login to view URL] inside letter "B" too, i have upload matrix what you can use or write your own [login to view URL] page must turn side to side like in video [login to view URL] you can accomplish this i got more stuff to do (this html page letter"B" continue + other stuff) have a question talk to me thanks! one of many possibilities how to do it! 1. load png letter 100x100 pixels (1kb lenght) [login to view URL] init() invert picture (we are creating mask later draw it over matrix) good sample how to do it here [login to view URL] [login to view URL] it to screen [login to view URL] to side turn is little tricky use translate and transform on canvas + drawing the edges (pass on css3 functions no compatibility IE, Safari,phones, usually) happy coding!