It lets the user upload a picture of themselves and then you can choose different eyeglass frames to see how they would look on you. I'm guessing the HTML5 canvas api would be a good place to start on this. The initial version of this doesn't have to be as intricate as this one. Maybe to start I could have the user upload a picture, then choose eyeglass frame which can be dragged and dropped onto the face. I've looked for some demos and tutorials but can't find anything similar. Any ideas on where to get started. Not sure what terms to even search for on this.
I realize this is pretty vague but I'm just looking to find a foothold on this project to get started.
I'm in a rush, but I just saw your question, so sorry for the short reply.
As you say, you'll need to look into the canvas API.
I helped someone in the JS forum construct something (vaguely) similar last year.
If you look at my answer it might at least point you in the right direction.
Hope that helps a little.
both work fine in chrome but not firefox or safari. Neither the draggable aspect or the photo capture work. Is it just not supported in these browsers? How much work needs to be done to get them working in the current generation of browsers for firefox and safari.
both work fine in chrome but not firefox or safari. Neither the draggable aspect or the photo capture work. Is it just not supported in these browsers?
The draggable aspect should work.
It is implemented using jQuery UI draggable and that works in all major browsers.
I just tried your first demo (with Bar Refaeli) and that worked just fine in FF 19.0.1