Watermark overlay is not working

[abhishekkyd]

I am working with below html snippet, but watermark overlay is not working.

<img src="https://www.patrick-wied.at/static/watermarkjs/demos/img/test1.jpg" width="500" height="200" class="watermark" />

<script src="https://www.patrick-wied.at/static/watermarkjs/watermark.js"></script>

<script>var load=false;window.onload=function(){if(!load){wmark.init({"position":"top-right","opacity":50,"className":"watermark","path":"http://www.patrick-wied.at/static/watermarkjs/demos/img/watermark.png"});load=true;}}</script>

[pa7]

watermark.js does not work with cross origin images, your images have to be hosted on your domain

[abhishekkyd]

@pa7 Thanks for quick response