add the words "I am the text" in the a tag to the lower right corner of the picture. The id of each picture is "img". The size of each picture is different, and it is required to be fixed in the lower right corner of each picture. In fact, it is the role of watermark. It requires that you use js and css, instead of canvas. Ask the old driver for advice!
<a id="text"></a>
<img id="img" src="https://img.codeshelper.com/upload/img/2021/04/05/ov1dpvvcyy115373.png" width="100px" height="100px"></img>
<img id="img" src="https://img.codeshelper.com/upload/img/2021/04/05/ov1dpvvcyy115373.png" width="200px" height="300px"></img>
<img id="img" src="https://img.codeshelper.com/upload/img/2021/04/05/ov1dpvvcyy115373.png" width="400px" height="250px"></img>
<img id="img" src="https://img.codeshelper.com/upload/img/2021/04/05/ov1dpvvcyy115373.png" width="700px" height="810px"></img>