Applying texture to SVG and change components dynamically

Have been trying to figure this for more than a week now, Looking out to apply a texture to an SVG Image programatically and also change some components of it.Like Change type of collar on a shirt and change it's texture. Tried out a PNG Image with shadow and changing the DIV Element Background but it does not give a good feel. Read somewhere that can Achieve this using LWIP(Light Weight Image Processing) but most examples were to rotate the Image maximum or give a background color to it while rotating. some samples that I wish to achieve.

<div class="color" style=" background-image: url('gr6.JPG');">
<img src="spe.png">
</div>

https://josephchanan.com/customize/#

https://www.bombayshirts.com/custom/shirt#

via Yashesh