context.globalCompositeOperation = "source-in";

source-in compositing clips new drawings inside an existing shape.

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

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

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/bf33a3bb-39c4-451b-b0bb-949609a4dde3/Untitled.png