add badges

Loading/index.js

@@ -6,6 +6,7 @@ const containerStyle = {
   alignItems: 'center',
   background: 'white',
   color: 'black',
+  height: '-webkit-fill-available'
 }
 class LoadingContainer extends Component {
 

README.md

@@ -1,7 +1,14 @@
-### watermark-enhancer
+## watermark-enhancer
+> Add watermark to your react components in a more elegent way.
+
+![](https://img.shields.io/npm/l/watermark-enhancer)
+![](https://img.shields.io/npm/dt/watermark-enhancer)
+![](https://img.shields.io/bundlephobia/minzip/watermark-enhancer?label=package%20size)
+
 ![case](https://cdn.fatdoge.cn/watermark-enhancer-user.png)![case](https://cdn.fatdoge.cn/watermark-enhancer-view.png)
 > 移步[详细文档](https://fatdoge.github.io/watermark-enhancer)
 
+
 1.安装
 ```
 npm i watermark-enhancer -d

WaterMark/index.js

@@ -42,7 +42,6 @@ const watermark = ({
 
     const base64Url = canvas.toDataURL();
     const __wm = document.querySelector('.__wm');
-
     const watermarkDiv = __wm || document.createElement("div");
     const styleStr = `
     position:absolute;
@@ -67,6 +66,7 @@ const watermark = ({
     if (MutationObserver) {
         let mo = new MutationObserver(function () {
             const __wm = document.querySelector('.__wm');
+            console.log(__wm)
             // 只在__wm元素变动才重新调用 __canvasWM
             if ((__wm && __wm.getAttribute('style') !== styleStr) || !__wm) {
                 // 避免一直触发