Image steam client is an Angular component which allows for easy configuration of the image-steam instructions in your markup.
<lib-image-steam-client [imageUrl]="imageUrl" [resize.width]="200"></lib-image-steam-client>
<lib-image-steam-client [imageUrl]="imageUrl" [resize.height]="{units:75, modifier:'%'}"></lib-image-steam-client>
<lib-image-steam-client [imageUrl]="imageUrl" [crop.top]="50" [crop.left]="50" [crop.width]="{units:75, modifier:'%'}" [crop.height]="{units:75, modifier:'%'}"></lib-image-steam-client>
<lib-image-steam-client [imageUrl]="imageUrl" [flatten]="true"></lib-image-steam-client>
<lib-image-steam-client [imageUrl]="imageUrl" [rotate]="270"></lib-image-steam-client>
<lib-image-steam-client [imageUrl]="imageUrl" [flip.x]="true" [flip.y]="true"></lib-image-steam-client>
<lib-image-steam-client [imageUrl]="imageUrl" [extend.top]="{units:10, modifier:'%'}" [extend.background]="'hex(123123)'"></lib-image-steam-client>
<lib-image-steam-client [imageUrl]="imageUrl" [quality]="1"></lib-image-steam-client>
<lib-image-steam-client [imageUrl]="imageUrl" [compression]="0"></lib-image-steam-client>
<lib-image-steam-client [imageUrl]="imageUrl" [progressive]="true"></lib-image-steam-client>
<lib-image-steam-client [imageUrl]="imageUrl" [format]="'png'"></lib-image-steam-client>
<lib-image-steam-client [imageUrl]="imageUrl" [metadata]="false"></lib-image-steam-client>
<lib-image-steam-client [imageUrl]="imageUrl" [sharpen.r]="1" [sharpen.flat]="1.0"></lib-image-steam-client>
<lib-image-steam-client [imageUrl]="imageUrl" [blur]="20"></lib-image-steam-client>
<lib-image-steam-client [imageUrl]="imageUrl" [greyscale]="true"></lib-image-steam-client>
<lib-image-steam-client [imageUrl]="imageUrl" [normalize]="true"></lib-image-steam-client>