react加水印_【REACT】 水印生成方案

主要学习的是通过canvas生成水印，加上MutationObserve监视DOM的变动

修改了一些代码如下：

import React from 'react'

const watermark = ({

container = document.body, //容器

width = '300px', //水印的大小

height = '200px',

textAlign = 'center', //文字对齐

textBaseline = 'middle', //基准线

font = "20px Microsoft Yahei", //字体大小及样式

fillStyle = 'rgba(184, 184, 184, 0.4)',//自定义水印的颜色以及透明度

content = 'Open Components',//内容

rotate = '24',//文字旋转角度

zIndex = 1000,//元素堆叠顺序，-1是在最下面

} = {}) => {

const args = arguments[0];

const canvas = document.createElement('canvas');

//HTML5 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成

canvas.setAttribute('width', width);

canvas.set