@tntd/react-watermark
Advanced tools
@@ -10,4 +10,4 @@ var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }(); | ||
| color: "rgba(0, 0, 0, 0.1)", | ||
| width: 200, | ||
| height: 120, | ||
| width: "100%", | ||
| height: "auto", | ||
| fontSize: 12, | ||
@@ -14,0 +14,0 @@ fontAjust: 1.2, |
+1
-1
| import Watermark from "./components/Watermark"; | ||
| export { Watermark }; | ||
| export default Watermark; |
+1
-1
| { | ||
| "name": "@tntd/react-watermark", | ||
| "version": "1.0.1", | ||
| "version": "1.0.2", | ||
| "main": "dist/index.js", | ||
@@ -5,0 +5,0 @@ "module": "dist/index.js", |
+24
-1
@@ -5,5 +5,12 @@ ## 水印插件 | ||
| ### Usage | ||
| ### 安装 | ||
| ``` | ||
| npm install @tntd/react-watermark --save | ||
| ``` | ||
| ### 使用 | ||
| ``` | ||
| import Watermark from "@tntd/react-watermark"; | ||
| <Watermark | ||
@@ -27,2 +34,18 @@ text="Hello World" | ||
| ``` | ||
| ### 参数说明 | ||
| - text 为必传参数 | ||
| - options 设有默认值,可根据自己的需求配置一个或多个项 | ||
| ``` | ||
| const defaultOptions = { | ||
| rotate: 30, | ||
| color: "rgba(0, 0, 0, 0.1)", | ||
| width: "100%", | ||
| height: "auto", | ||
| fontSize: 12, | ||
| fontAjust: 1.2, | ||
| offsetX: 0, | ||
| offsetY: 0 | ||
| }; | ||
| ``` |
5561
8.44%50
85.19%