Web page watermarks (non-image watermarks) using Javascript)

Definition

In some B/S architecture application systems, many pages require watermarks. Common examples are document systems and contract systems. We often focus on adding watermarks to website images, but on page watermarks. I just went to Google and found that the number of page watermarks was almost 0.

This article discusses the following situation: the method for adding a watermark must be completed in Javascript and must be easily added to the original page without affecting the existing functions.

1.2Expected goals

As for the image watermark implementation scheme, we expect at least the following goals:

1. Implement floating and translucent image watermarks

2. The page containing the watermark. All elements are read-only (not writable)

3. In the include frame page, you can control the watermark generation of any child or parent page.

4. after the page is zoomed in or out (resize process), you need to re-generate a new watermark to adapt to the page size without refreshing the page to ensure that all content is covered by the watermark, the scroll bar is not generated because the watermark image range is too large.

5. Supports IE6 \ 7 \ 8 browsers. Other browsers are not considered for the moment.

1.3

Before encryption:

After encryption:

You can open the file in the attachment for viewing.

• Three pages in total:
• Previous Page
• 1
• 2
• 3
• Next Page