Move one image inside other image

Question

Background

I am allowing user to upload an image inside mask image....

Once user upload image, I am filling user uploaded i

Answer 1

check this link out, might help you. What you want is called a "Clipping Mask". https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Compositing#Clipping_paths

EDIT: Here's some magic. You're welcome!

Codepen: https://codepen.io/anon/pen/zeZMLz