Either to crop it, or to 'mask' the rest of the image that you don't need, like you would in Photoshop/Illustrator/Flash?
The broad context is a little mugshot generator thing for a client. A bit like the BBC America "Copper" mugshot thing from a few years ago. They used facial recognition tech in theirs to pick out the eyes, nose and mouth (results from their app were fantastic, check it out here: http://www.pinterest.com/svarland/copper-mugshots/) but that is a bit advanced for the purpose of this app <img src="{SMILIES_PATH}/icon_e_smile.gif" alt=":)" title="Smile">
I'd just like to be able to crop out a section of the face in order to better blend it in with the background - an image of a "criminal" posing with their name board.
Prototype here (rough as hell <img src="{SMILIES_PATH}/icon_lol.gif" alt=":lol:" title="Laughing"> ; example expanded on from C2 example project): http://www.angelserver.in/html5/webcam_test3
I currently just paste another copy of the background image with a hole in the face onto the UserMedia object, and another layer beneath it with the background, but I think I can achieve a better result with cropping or masking if that sort of functionality exists. I'd like to use a mask a bit like this:
Possible? <img src="{SMILIES_PATH}/icon_e_biggrin.gif" alt=":D" title="Very Happy">