CodingForums.com - View Single Post

fh204 · 11-12-2012, 10:17 AM

Hi I have a question about Javascript. I want to make my own photobooth, I have found this article how to make one:
http://arstechnica.com/business/2012...ew-webcam-api/

I want to add some to it, I want to put a image file (glasses, hat, mustache) over the webcam canvas and take a picture. The result I want is a snapshot with the image file in it.

I did found some code that would be helpful but it didn't work out for me.

var ctx = bril.getContext("2d");
var img=new Image();
img.onload=function()
{
ctx.drawImage(img,0,0); // img of canvas
};
img.src='IMAGE.png';

Is this possible? Thank you!

11-12-2012, 10:17 AM	PM User \| #1
fh204 New to the CF scene Join Date: Nov 2012 Posts: 5 Thanks: 0 Thanked 0 Times in 0 Posts	Need help to create a photobooth Hi I have a question about Javascript. I want to make my own photobooth, I have found this article how to make one: http://arstechnica.com/business/2012...ew-webcam-api/ I want to add some to it, I want to put a image file (glasses, hat, mustache) over the webcam canvas and take a picture. The result I want is a snapshot with the image file in it. I did found some code that would be helpful but it didn't work out for me. var ctx = bril.getContext("2d"); var img=new Image(); img.onload=function() { ctx.drawImage(img,0,0); // img of canvas }; img.src='IMAGE.png'; Is this possible? Thank you!