DeLaVega
@DeLaVega
Верстаю, фронтэндю =)

Можно ли на див поставить svg маску?

И чтоб работало на популярных современных браузерах?

Как навесить маску на изображение разобрался, а вот про див что-то никак не нагуглю =)
  • Вопрос задан
  • 3611 просмотров
Решения вопроса 1
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Вы это наверное пытаетесь реализовать задумку прошлого вопроса? )
На див не знаю как, но Вы можете поставить маску на элемент svg rect
<rect mask="url('#id_mask')"/>

upd:
codepen.io/iiil/pen/yxsui
Итак, вот я накидал пример. В качестве маски используется полигон. В качестве картинки - то, что выдает Ваш скрипт, то есть data:image
Ну и для проверки я показал как работать с ним через jquery, в общем-то там все просто. Таймаут через пять секунд меняет одно изображение на другое.
Без обид, но если не разберетесь - то жду коммерческого предложения на почту :)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы