一些公司和组织出于系统文件或信息安全保密的需要，需要在系统网页上增加带有个人标识的水印。 首先我们来看这样一个水印功能的实现思路，通常是在我们原有的网页上附上一个DIV层，将它设置绝对定位铺满整个窗口，然后z-index值尽量往大了设，保证让水印层处于当前网页所有元素的上面，又不影响当前网页的操作。 水印上的字体有两种方式添加： 第一种直接将字体用块元素包裹，动态设置绝对定位，然后通过transform属性旋转； 第二种通过在canvas上绘制出字体，设置好样式，然后以图片的样式导出，最后用图片作为水印层的背景图。 处于性能方面考虑，第二种方式最优。我们来看具体怎么实现？ 作为一块独立的功...