全局添加水印

import React, { useEffect, useState } from 'react';

function HooksDemo() {

  // 声明一个叫 "count" 的 state 变量

  const [count, setCount] = useState(0);

  useEffect(()=>{

    watermark({ watermark_txt: "测试水印" })

  })

  const watermark=(settings)=> {

    //默认设置

    var defaultSettings={

        watermark_txt:settings.watermark_txt||"text",

        watermark_x:20,//水印起始位置x轴坐标

        watermark_y:20,//水印起始位置Y轴坐标

        watermark_rows:20,//水印行数

        watermark_cols:20,//水印列数

        watermark_x_space:10,//水印x轴间隔

        watermark_y_space:30,//水印y轴间隔

        watermark_color:'#aaa',//水印字体颜色

        watermark_alpha:0.4,//水印透明度

        watermark_fontsize:'15px',//水印字体大小

        watermark_font:'微软雅黑',//水印字体

        watermark_width:160,//水印宽度

        watermark_height:160,//水印长度

        watermark_angle:15//水印倾斜度数

    };

    //采用配置项替换默认值，作用类似jquery.extend

    if(arguments.length===1&&typeof arguments[0] ==="object" )

    {

        var src=arguments[0]||{};

        for(let key in src)

        { <