How to make the mouse cursor not react to transparent areas of the image?

Question

Angular

There is a div with a round image signed to click, in fact a button.
Does angular have something built in to make the mouse not react to transparent areas?
And I only want to know this, it's not difficult for me to check the intersection with the circle.

Answer 1

Tin. What's with Angular? Do you think that Angular can also cook porridge? Frameworks implement the architecture of the application, they don’t know what “transparent areas of the image” are, when Angelina Jolie’s birthday is and whether Putin will be elected for a third term - you don’t even understand what you are asking about.
And you don’t understand the essence of your problem either - you need to process non-transparent areas of the image, completely by, not at all. And even Javascript has nothing to do with it, in general! You need to make the border-radius of the desired size
through regular CSS and set the background-image with the image and make background-size: cover; and background-position: center center;, and the image does not need to be made round, the image is normal, rectangular, because the rounding is done using CSS.