Как сделать Border по текстуре?

Question

[Ingernirated]

Есть картинка png, как сделать, чтобы при наведении на неё, рамка была не квадратная по периметру разрешения 100 на 100, а именно по границам самой картинки?

Answer 1

[Алексей Николаев]

Возможно, вам подойдет filter:drop-shadow. Игнорирует прозрачные области, что позволяет делать тень по форме изображения.

Answer 2

[Денис Инешин]

Это не так то просто. Попробуйте начать отсюда:
stackoverflow.com/questions/28207232/draw-border-a...

Comments

[Ingernirated]

а саму картинку можно нарисовать канвасом?
т.е. имея картинку, узнать, код, который отрисует её на канвасе?

Answer 3

[Nwton]

Почти готовое решение. Надо немного поиграть со смещением теней
https://jsfiddle.net/aheeferq/2/

Comments

[Денис Инешин]

Фильтр классная тема, жаль что в MS не спешат внедрять.

[Ingernirated]

Денис Инешин: что такое мс?

[Денис Инешин]

Ingernirated: Microsoft) имеется в виду что этого нет в IE и Edge браузерах.