https://github.com/pa7/watermark.js

watermark.js is a js library for creating watermarks on images.
https://github.com/pa7/watermark.js

Last synced: 17 days ago
JSON representation

watermark.js is a js library for creating watermarks on images.

• Host: GitHub
• URL: https://github.com/pa7/watermark.js
• Owner: pa7
• Created: 2011-03-17T01:32:53.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2011-04-04T01:23:38.000Z (over 13 years ago)
• Last Synced: 2024-10-11T08:10:44.723Z (about 1 month ago)
• Language: JavaScript
• Homepage: http://www.patrick-wied.at/static/watermarkjs/
• Size: 216 KB
• Stars: 184
• Watchers: 13
• Forks: 34
• Open Issues: 5
• Metadata Files:
  • Readme: README

Awesome Lists containing this project

README

        
watermark.js is a js library for creating watermarks on images. Images with a classname of your choice (default "watermark") will get processed and then apply your watermark. Your watermark doesn't have to be a .PNG or .GIF with transparency, watermark.js creates transparency even if you defined a .JPG as your watermark picture.

The purpose of watermark.js is to protect images, served from your website from copying without a mark. It's not a real image protection, because if you get the document at the initial state you'll be able to read the srces but a normal user wont get it ;) watermark.js is not limited to "image-protection" only, but you could also place a little identifier or a picture of you in your images.

Demo

http://www.patrick-wied.at/static/watermarkjs/

How to use:

Simply place the watermark.js right before the body closing tag and call wmark.init method. The init method gets an javascript object passed. Here are the configuration values for customization(right now):

"className": the class of the elements which should get an mark. (Optionally) Default: "watermark"

"position": "top-left"|"top-right"|"bottom-right"|"bottom-left". (Optionally) Default: "bottom-right"

"watermark": an img element which represents your watermark. (Optionally)

"path": the path to your watermark image. (Optionally)

"opacity": opacity percentage, no "%" only the number [0-100] (Optionally) Default: 50