context.globalCompositeOperation = "destination-in"

“destination-in” compositing clips existing drawings inside a new shape.

Note: Any part of the existing drawing that falls outside the new drawing is erased.

context.drawImage(picture,0,0);
context.globalCompositeOperation='destination-in';  // picture clipped inside oval
context.drawImage(oval,0,0);

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e1ae1116-57c5-4783-98ff-3344bd2969d2/Untitled.png