I am trying to take a png, or it could be an svg shape, see attached.   I want this png to serve as a mask so that when it is rotated the image beneath it is being revealed.  I used to do this all the time in flash and am not sure how to proceed in html5.  any help will be greatly appreciated