how to embed a QR code with existing image using java script?

i have a QR code and an existing image .In an existing image i want to embed the created QR code .Can any one help ? I am comfortable with nodeJS,JavaScript,jQuery

HTML canvas drawImage should help.

You may draw image over already drawed image.

More documentation you can find here: http://www.w3schools.com/tags/canvas_drawimage.asp


As another solution:

HTML:

<div id="parent">
    <div id="child"></div>
</div>

CSS:

#parent{
    background: green;
    padding: 10px;
    display: inline-block;
}

#child{
    background: url('http://www.mobile-barcodes.com/images/small-qr-code.gif');
    width: 50px;
    height: 50px;
}

http://jsfiddle.net/Lgy6K/


But of course, the best solution is using server side for solve you problem