Как средствами svg нарисовать фигуру и поместить в неё фото как обтравочную маску?

Question

[nikabekish]

Нужно сверстать вот такой баннер. Есть пятиугольная фигура (справа) в которую нужно поместить фото (машина) и чтобы оно обрезалось по типу обтравочной маски в фотошопе.
Никогда ранее не работала с svg, подскажите пожалуйста как это сделать?

Answer 1

[Дмитрий Грабко]

https://codepen.io/gratulen/pen/zmJXzq - если я правильно понял
www.cssplant.com/clip-path-generator

Comments

[nikabekish]

большое спасибо! а как сделать, чтобы при уменьшении экрана многоугольник оставался на месте, а картинка внутри него сдвигалась бы влево как если бы она находилась в диве