Как сделать чтобы курсор мыши не реагировал на прозрачные участки изображения?

Question

[vasIvas]

Есть див с круглым изображением подписанный на click, по сути кнопка.
Существует ли у angular что-то встроенное, чтобы мышь не реагировала на прозрачные участки?
И я хочу узнать только это, мне не сложно проверить пересечение с кругом.

Answer 1

[Артур Мудрик]

Жесть. При чем тут Ангулар? Вы думаете, что Ангулар еще и кашу умеет варить? Фреймворки реализуют архитектуру приложения, они не знают, что такое «прозрачные участки у изображения», когда день рождения у Анжелины Джоли и изберут ли Путина на третий срок — вы совершенно не понимаете даже о чем спрашиваете.

И суть вашей проблемы тоже не понимаете — вам не прозрачные участки изображения нужно обрабатывать, совершенно мимо, вообще не то. И даже Яваскрипт здесь не при чем, вообще-привообще!

Вам нужно через обычный CSS сделать border-radius нужной величины и задать background-image с картинкой и сделать background-size: cover; и background-position: center center;, а изображение не нужно делать круглым, изображение обычное, прямоугольное делайте, ибо скругление делается средствами CSS.

Comments

[vasIvas]

Так-то оно для Вас проще. А мне проще отслеживать координаты на плоскости и расчитав центр и радиус окружности сравнить длину получившегося вектора с радиусом. Но я сейчас по Вашему попробую. И тогда сразу вопрос в догонку - потом я смогу проводить трансформации этого элемента без головной боли? Трансформации очень простые - перемещение, скейл..

[Артур Мудрик]

vasIvas: да, всё через CSS и :hover

[Артур Мудрик]

vasIvas: а вы, простите, из какой области пришли в веб-программирование и верстку, если для вас рассчитывать координаты просто, как «два пальца»?

[vasIvas]

Артур Мудрик: школьная программа - векторная алгебра + Афиновы преобразования. матрицы.

[Артур Мудрик]

vasIvas: ну, очень круто, что вы это помните и с легкостью можете применять — обычно это приходится гуглить и это, всё же, объективно сложнее, чем 2 + 2. В веб-программировании всё очень-приочень гораздо проще, всё делается очень легко. Не знаю вашу ситуацию, но зря вы в веб пошли, раз можете гораздо сложнее вещи делать. Веб это детсад, песочница. Если вам реально просто дается математика/геометрия, то вы бы могли творить гораздо более важные вещи, чем кодить на ХТМЛ и Яваскрипт сайтики.

[vasIvas]

Артур Мудрик: Для меня все наоборот. Вся наша повседневная жизнь состоит из математики, по этому её понять куда проще, чем css которое напоминает оригами. А вэб такой, каким мы его видим, для кого он сайтики, а для кого-то реализация программного эффекта огня и воды на canvas. Хотя такое и с векторной графикой возможно если использовать не top-left, а матрицы у transform.

[Артур Мудрик]

vasIvas: ну, да, сложные вещи можно делать и в вебе — тот же Ангулар, теже библиотеки для работы с 3D в браузере, я это тоже имею ввиду, говоря о не-сайтиках :)