Можно ли применить маску к изображению с помощью jquery / javascript / html5?

Question

Я ищу способ присмотреть за частью изображения, используя другое изображение в качестве маски.

Я не знаю, возможно ли это вообще с использованием веб-технологий. Я готов использовать библиотеки (jquery, php, javascript) или все, что доступно на рынке, и которое делает именно это.

В общем, я хочу создавать темы, использующие ресурсы, которые мне не нужно вырезать, чтобы сделать их разными по форме (прямоугольники, круги и т. Д.). Я только хочу иметь возможность применять маску к ним на лету.

Мне известно о ImageMagick®, но я не могу найти способ, как использовать его, чтобы получить такие результаты, не делая мой код уродливым.

Если вы не знаете, что такое маскировка, вот ссылка .

Answer 1

Если я правильно понимаю, вы говорите о сопоставлении изображений. Если это так, вы можете заключить div в другой, например так:

<div id="div1">
 <div id="<div2">
 </div>
</div>

А затем поместите ваше изображение в качестве фона CSS для div2 и маски для div1.