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

Question

[sergeysd]

Приветствую!
Нужно, двигая курсором по изображению, вытирать данную область, т.е. делать ее прозрачной.
Возможно ли такое средствами jQuery или другой библиотеки?

Answer 1

[Kirill Sharonov]

Тут вам скорее в сторону JS/JQUERY/CSS смотреть надо, а не PHP.

Comments

[sergeysd]

Спасибо, поправил:)

Answer 2

[werevolff]

Не совсем понятен вопрос:

1. Что означает "делать область прозрачной"? Вот, я навожу мышку на изображение и пиксели под курсором исчезают. Это называется - сделать прозрачным. Или я навожу мышку, и область под мышкой становится полупрозрачной. Это другое.
2. Для чего оно надо? Это визуальный эффект или изображение после такого "вытирания" надо сохранить?
3. О какой области идёт речь? Это небольшой круг под курсором? Это многоугольник на изображении?
4. Какая стоит задача? Если необходимо просто навесить свистоперделку на курсор, то не факт что что-то надо делать прозрачным.

Comments

[sergeysd]

Нужно под картинку поместить видеоролик и посредством мышки "протирать" дырочки в изображении, сквозь кот. будет видна анимация.

[sergeysd]

Область - небольшой круг, да.

[werevolff]

sergeysd: Готовых примеров нет?

[werevolff]

sergeysd: Думаю, что нужно перевести изображение в canvas и отслеживать перемещение по нему мышки.

[werevolff]

Если есть готовый пример, то можно выдернуть с него готовое решение.

Answer 3

[sergski]

Может уже неактуально, но читал статью, где почти ваш случай, только видео в canvas добавить.