Как наложить градиент на картинку, чтобы градиент не выходил за края?

Question

[Healis]

Здравствуйте. Как сделать так, чтобы градиент не выходил за края картинки? Нужно чтобы градиент был только в той области, в который картинка ножа. Вариант для svg тоже подойдёт, оставил svg закоменченным. (На локалке у картинки фон прозрачный). Заранее спасибо, можете предложить свой вариант реализации. Желательно, с картинкой.
https://jsfiddle.net/5agb4c1x/4/

Answer 1

[volucris1]

В фотошопе, зачем клиенту лишние вычисления

Comments

[Healis]

Суть в этом и заключается. Надо постоянно менять будет высоту градиента, цвет и тд.