How to round the corners of an image on canvas?

Question

JavaScript

Are there built-in methods for rounding the edges of an image in JS (similar to border-radius in css) when displaying an image on a canvas? What ready implementations of similar you met?

Answer 1

Here I wrote a function for rounding pictures, similar to drawImage. Only the first parameter is context , and the last is the round radius. Here an example .

Answer 2

mask
context.clip()