Example: Watermark

A watermark is a logo, a piece of text or signature imposed onto an image. Watermarks are typically transparent, so those viewing the image can still admire it. Watermarking images can also protect the copyright – ensuring others don’t use the image without the owner’s permission.

With this example you’ll learn how to impose watermarks on end-user’s images – a simple text. You can also insert custom sticker images as watermarks.

Everything you need to do is to:

  1. Overwrite the default Save action, in order to insert the watermark when the end-user clicks “Save”, using the Custom Actions API;
  2. To insert the text watermark before saving the image, using the Text Editing API.

The example is available in JSFiddle.

Happy coding!

Leave a Reply

Your email address will not be published. Required fields are marked *