Save image from dynamic url from API

Thanks for that update, I’ve spent a fair bit of time on that too - I am already loading live from the API in an <img> tag but I need it to save as I’m using dynamic image rendering by the excellent www.cloudimage.io - the main image is resized and optimised using dynamic urls, they work perfectly, but adding a qrcode as a watermark is problematic as the url for cloudimage needs an actual file and not a generated one from an API.

On the page, I’m using this to resize/optimise image:
<img alt="image" title="image" dmx-bind:src="'https://xxxxxxxxx.cloudimg.io/toms-url.com'+imgFile+'?func=crop&amp;width=300'" id="aa">

to add the qr code watermark, I’d need to use the URL of a file (this can be dynamically generated, same as the image url above), it looks something like this:
<img alt="image" title="image" dmx-bind:src="'https://xxxxxxxxx.cloudimg.io/toms-url.com'+imgFile+'?func=crop&amp;width=300&wat=1&wat_url=http://sample.li/qr-code-image-link-here.png&wat_scale=45&wat_gravity=southeast&wat_pad=15'" id="aa">

Its working great for logos, but I really need a QR code in there as well.