diff --git a/Loading/index.js b/Loading/index.js
index 780de8a..4e1cb53 100644
--- a/Loading/index.js
+++ b/Loading/index.js
@@ -6,6 +6,7 @@ const containerStyle = {
   alignItems: 'center',
   background: 'white',
   color: 'black',
+  height: '-webkit-fill-available'
 }
 class LoadingContainer extends Component {
 
diff --git a/README.md b/README.md
index 6765175..40cac19 100644
--- a/README.md
+++ b/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
diff --git a/WaterMark/index.js b/WaterMark/index.js
index 834c6de..c432de6 100644
--- a/WaterMark/index.js
+++ b/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) {
                 // 避免一直触发
diff --git a/dist/index.js b/dist/index.js
index 4b12c0f..c268a3d 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -1 +1 @@
-module.exports=function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=1)}([function(t,e){t.exports=require("react")},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=function t(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.container,r=void 0===n?document.body:n,o=e.width,i=void 0===o?"300px":o,c=e.height,u=void 0===c?"200px":c,a=e.textAlign,f=void 0===a?"left":a,l=e.textBaseline,s=void 0===l?"bottom":l,p=e.font,y=void 0===p?"20px Microsoft Yahei":p,b=e.fillStyle,d=void 0===b?"rgba(184, 184, 184, 0.4)":b,v=e.content,m=void 0===v?"loading":v,h=e.rotate,O=void 0===h?"24":h,g=e.zIndex,w=void 0===g?1e3:g,j=arguments.length,S=new Array(j>1?j-1:0),P=1;P<j;P++)S[P-1]=arguments[P];var _=S,x=document.createElement("canvas");x.setAttribute("width",i),x.setAttribute("height",u);var k=x.getContext("2d");k.textAlign=f,k.textBaseline=s,k.font=y,k.fillStyle=d,k.rotate(Math.PI/180*O),k.fillText(m,20,parseFloat(u)/2);var E=x.toDataURL(),C=document.querySelector(".__wm"),M=C||document.createElement("div"),A="\n    position:absolute;\n    top:0;\n    left:0;\n    width:100%;\n    height:100%;\n    z-index:".concat(w,";\n    pointer-events:none;\n    background-repeat:repeat;\n    background-image:url('").concat(E,"')");M.setAttribute("style",A),M.classList.add("__wm"),C||(r.style.position="relative",r.insertBefore(M,r.firstChild));var T=window.MutationObserver||window.WebKitMutationObserver;if(T){var D=new T(function(){var e=document.querySelector(".__wm");(e&&e.getAttribute("style")!==A||!e)&&(D.disconnect(),D=null,t(JSON.parse(JSON.stringify(_))))});D.observe(r,{attributes:!0,subtree:!0,childList:!0})}};function c(t){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function u(t){for(var e=1;e<arguments.length;e++)if(e%2){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){a(t,e,n[e])})}else Object.defineProperties(t,Object.getOwnPropertyDescriptors(arguments[e]));return t}function a(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function f(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function l(t,e){return!e||"object"!==c(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function s(t){return(s=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function p(t,e){return(p=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var y={display:"flex",justifyContent:"center",alignItems:"center",background:"white",color:"black"},b=function(t){function e(t){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),(n=l(this,s(e).call(this,t))).state={containerStyle:u({},y,{},t.loadingStyle)},n}var n,i,c;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&p(t,e)}(e,r["Component"]),n=e,(i=[{key:"render",value:function(){var t=this.state.containerStyle,e=void 0===t?{}:t,n=this.props.loadingContent,r=void 0===n?"Loading":n;return o.a.createElement("div",{style:e},o.a.createElement("p",null,r))}}])&&f(n.prototype,i),c&&f(n,c),e}();function d(t){return(d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function v(t,e){if(null==t)return{};var n,r,o=function(t,e){if(null==t)return{};var n,r,o={},i=Object.keys(t);for(r=0;r<i.length;r++)n=i[r],e.indexOf(n)>=0||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(r=0;r<i.length;r++)n=i[r],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n])}return o}function m(t){for(var e=1;e<arguments.length;e++)if(e%2){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){h(t,e,n[e])})}else Object.defineProperties(t,Object.getOwnPropertyDescriptors(arguments[e]));return t}function h(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function O(t,e,n,r,o,i,c){try{var u=t[i](c),a=u.value}catch(t){return void n(t)}u.done?e(a):Promise.resolve(a).then(r,o)}function g(t){return function(){var e=this,n=arguments;return new Promise(function(r,o){var i=t.apply(e,n);function c(t){O(i,r,o,c,u,"next",t)}function u(t){O(i,r,o,c,u,"throw",t)}c(void 0)})}}function w(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function j(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function S(t,e,n){return e&&j(t.prototype,e),n&&j(t,n),t}function P(t,e){return!e||"object"!==d(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _(t){return(_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function x(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&k(t,e)}function k(t,e){return(k=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}e.default=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{content:content,asyncContent:asyncContent},e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{content:content};return function(n){return function(c){function u(e){var n;return w(this,u),(n=P(this,_(u).call(this,e))).state={options:t,content:""},n.waterMark=o.a.createRef(),n}return x(u,r.Component),S(u,[{key:"componentDidMount",value:(a=g(regeneratorRuntime.mark(function e(){var n,r,o;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(n=this.state.options,"function"!=typeof(r=t.asyncContent)){e.next=9;break}return e.next=5,r();case 5:return o=e.sent,this.setState({content:o}),i(m({},n,{content:o,container:this.waterMark.current})),e.abrupt("return");case 9:i(m({},n,{container:this.waterMark.current}));case 10:case"end":return e.stop()}},e,this)})),function(){return a.apply(this,arguments)})},{key:"render",value:function(){var r=this.state.content,i=t.asyncContent,c=e.content,u=v(e,["content"]);return o.a.createElement("div",{ref:this.waterMark},i&&!r?o.a.createElement(b,{loadingStyle:u,loadingContent:c}):o.a.createElement(n,this.props))}}]),u;var a}()}}}]);
\ No newline at end of file
+module.exports=function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=1)}([function(t,e){t.exports=require("react")},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r),i=function t(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.container,r=void 0===n?document.body:n,o=e.width,i=void 0===o?"300px":o,c=e.height,u=void 0===c?"200px":c,a=e.textAlign,l=void 0===a?"left":a,f=e.textBaseline,s=void 0===f?"bottom":f,p=e.font,y=void 0===p?"20px Microsoft Yahei":p,b=e.fillStyle,d=void 0===b?"rgba(184, 184, 184, 0.4)":b,v=e.content,h=void 0===v?"loading":v,m=e.rotate,g=void 0===m?"24":m,O=e.zIndex,w=void 0===O?1e3:O,j=arguments.length,S=new Array(j>1?j-1:0),P=1;P<j;P++)S[P-1]=arguments[P];var _=S,x=document.createElement("canvas");x.setAttribute("width",i),x.setAttribute("height",u);var k=x.getContext("2d");k.textAlign=l,k.textBaseline=s,k.font=y,k.fillStyle=d,k.rotate(Math.PI/180*g),k.fillText(h,20,parseFloat(u)/2);var E=x.toDataURL(),C=document.querySelector(".__wm"),M=C||document.createElement("div");console.log(M);var A="\n    position:absolute;\n    top:0;\n    left:0;\n    width:100%;\n    height:100%;\n    z-index:".concat(w,";\n    pointer-events:none;\n    background-repeat:repeat;\n    background-image:url('").concat(E,"')");M.setAttribute("style",A),M.classList.add("__wm"),C||(r.style.position="relative",r.insertBefore(M,r.firstChild));var D=window.MutationObserver||window.WebKitMutationObserver;if(D){var T=new D(function(){var e=document.querySelector(".__wm");console.log(e),(e&&e.getAttribute("style")!==A||!e)&&(T.disconnect(),T=null,t(JSON.parse(JSON.stringify(_))))});T.observe(r,{attributes:!0,subtree:!0,childList:!0})}};function c(t){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function u(t){for(var e=1;e<arguments.length;e++)if(e%2){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){a(t,e,n[e])})}else Object.defineProperties(t,Object.getOwnPropertyDescriptors(arguments[e]));return t}function a(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function l(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function f(t,e){return!e||"object"!==c(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function s(t){return(s=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function p(t,e){return(p=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}var y={display:"flex",justifyContent:"center",alignItems:"center",background:"white",color:"black",height:"-webkit-fill-available"},b=function(t){function e(t){var n;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),(n=f(this,s(e).call(this,t))).state={containerStyle:u({},y,{},t.loadingStyle)},n}var n,i,c;return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&p(t,e)}(e,r["Component"]),n=e,(i=[{key:"render",value:function(){var t=this.state.containerStyle,e=void 0===t?{}:t,n=this.props.loadingContent,r=void 0===n?"Loading":n;return o.a.createElement("div",{style:e},o.a.createElement("p",null,r))}}])&&l(n.prototype,i),c&&l(n,c),e}();function d(t){return(d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function v(t,e){if(null==t)return{};var n,r,o=function(t,e){if(null==t)return{};var n,r,o={},i=Object.keys(t);for(r=0;r<i.length;r++)n=i[r],e.indexOf(n)>=0||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(r=0;r<i.length;r++)n=i[r],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n])}return o}function h(t){for(var e=1;e<arguments.length;e++)if(e%2){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){m(t,e,n[e])})}else Object.defineProperties(t,Object.getOwnPropertyDescriptors(arguments[e]));return t}function m(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function g(t,e,n,r,o,i,c){try{var u=t[i](c),a=u.value}catch(t){return void n(t)}u.done?e(a):Promise.resolve(a).then(r,o)}function O(t){return function(){var e=this,n=arguments;return new Promise(function(r,o){var i=t.apply(e,n);function c(t){g(i,r,o,c,u,"next",t)}function u(t){g(i,r,o,c,u,"throw",t)}c(void 0)})}}function w(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function j(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function S(t,e,n){return e&&j(t.prototype,e),n&&j(t,n),t}function P(t,e){return!e||"object"!==d(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function _(t){return(_=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function x(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&k(t,e)}function k(t,e){return(k=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}e.default=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{content:content,asyncContent:asyncContent},e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{content:content};return function(n){return function(c){function u(e){var n;return w(this,u),(n=P(this,_(u).call(this,e))).state={options:t,content:""},n.waterMark=o.a.createRef(),n}return x(u,r.Component),S(u,[{key:"componentDidMount",value:(a=O(regeneratorRuntime.mark(function e(){var n,r,o;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(n=this.state.options,"function"!=typeof(r=t.asyncContent)){e.next=9;break}return e.next=5,r();case 5:return o=e.sent,this.setState({content:o}),i(h({},n,{content:o,container:this.waterMark.current})),e.abrupt("return");case 9:i(h({},n,{container:this.waterMark.current}));case 10:case"end":return e.stop()}},e,this)})),function(){return a.apply(this,arguments)})},{key:"render",value:function(){var r=this.state.content,i=t.asyncContent,c=e.content,u=v(e,["content"]);return o.a.createElement("div",{ref:this.waterMark,id:+new Date},i&&!r?o.a.createElement(b,{loadingStyle:u,loadingContent:c}):o.a.createElement(n,this.props))}}]),u;var a}()}}}]);
\ No newline at end of file