javascript - How to crop images into rounded rectangles online through Html5 or original js?

Question

Is there any way in h5 or js to crop the image on the web page, and then cut it into rounded corners? At present, I have only seen rectangular cuts. I wonder if it is possible to achieve a transparent .png cut with rounded corners

Answer 1

You need a canvas, and then use the line API and arcto API of canvas to complete this series of coquettish operations.

Answer 2

canvas drawing trajectory is circular