How to cut a polygon from canvas?

Question

JavaScript

Hello.
I want to cut out a polygon from the canvas and draw it in a different place.
Like this:

I tried to do it through such a sequence

ctx.getImageData()
ctx.clearRect()
ctx.putImageData()

And it seems to work, but getImageData only accepts rectangles as coordinates, and I need a polygon :(

There was an idea to rotate the context before getting the imageData, but apparently it doesn't work that way.

More or less like this

Can you please tell me how to implement this?

Answer 1

https://jsfiddle.net/pL2jxnds/