just finish my research on how to make a raw html5 version out of my new logo.

must say: html5 is bad ass! to get the “multiply” effect in html5 working (used in photoshop for the 3 layers) i had to render each layer “offscreen” by using a renderToCanvas function. pretty hand function i must say. it renders a Canvas into an variable.
After that i used the context-blender library for the multiply / darken effect since the hmtl5 standart doesn’t inculdes it anymore.

In order to draw the shapes the mozilla doc center was a great source for information.

SourceCode