{"_id":"@careteen/watermark","_rev":"1-65402c5ccf99f535ac0e8f9c26d1bb9c","name":"@careteen/watermark","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.4":{"name":"@careteen/watermark","version":"1.0.4","description":"基于canvas生成水印","main":"src/index.js","directories":{"example":"example"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["canvas","watermark","水印","安全"],"repository":{"type":"git","url":"git+https://github.com/careteenL/watermark.git"},"author":{"name":"careteen","email":"15074806497@163.com"},"license":"MIT","bugs":{"url":"https://github.com/careteenL/watermark/issues"},"homepage":"https://github.com/careteenL/watermark#readme","gitHead":"7276f84a40288fb50c635cd487e89357a93c5bf8","_id":"@careteen/watermark@1.0.4","_npmVersion":"6.4.1","_nodeVersion":"10.14.1","_npmUser":{"name":"careteen","email":"15074806497@163.com"},"dist":{"integrity":"sha512-onIiVPghOBJ4KCCAVqqmBwTQRvR2ZwW0IFwB/HwLFBWXZXBXRTUhuSvHangVBUuXbc0Ro5hprHCTKbrrfEAOGg==","shasum":"efed65502b5ee81c8d75db0ae324b20f4993199a","tarball":"https://registry.npmjs.org/@careteen/watermark/-/watermark-1.0.4.tgz","fileCount":8,"unpackedSize":7411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe8viaCRA9TVsSAnZWagAAgRgP/ixKBMwxCDjs6h8u8tBC\nVrvdb52wAvSYeKB7KOx9V6y7Hxl2d/ok99dPdWR89kNnWh+FfthX7JS0zADm\nFvA3fiqsU3ik3VM+X5ENybnWGw9/vx5ZTDtR7vhaJRDNug7vxTObSdirNOlO\nipiy0I8Qns66PlylB4T1abSnEQRUGBzNym2CGI4ZMF7iHNiOsJ8pJpAeryIE\nSFcMy7u8vr97e6OejCnyNRV+yY+hZ/oeBCrVrSIsEmJQtj7V2qlS2mVSZWVX\nqo0jX3SLcmlOuVo5mrDzC6kbw4GvGWVqvdniOMrCkKG1PuKgW5fCB8VbFtzn\nm56AdnJLHaCkzZh1D7arlUrqxhwRu9bj9Aqbr8bUcC/p+jnRHLCUA14NPZhN\nhOLlEzI822njPEQxmHDI7tWQOJQwxmX2bxsqyz6Lgs/30b8xALlHTw6prBqA\nPCWNPaHcWuUCVHHSyV2oazGt5qpQJuNyo7P2s57MjjYrPmVT+EkiXGNWa34d\nY1GQmDsd/MFb4eCsBHnUJur5cRtAfImak0gIVdzOTXEFI06akSl6lfsFVv23\nHx9nUVJy/ARXciP2nw9oDYZOcXhSgkfe7nKEOpFBU29GJtD7ZTSSYspso64d\nteWhP5mpko+XDCqwIOtgB3Vh1QmJJnr+4WFZGjAsOOn8mFL0vpbWOFcSMYQd\nnr+P\r\n=v/0k\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFcpCfPq2Y5dEyoDmdoVXbPKPP0YE6sJ48vako/ipOwHAiBoKmZ7t+iUEt6OaOTBjxFf1lGfLJbGLMH1MtdMkUJa9w=="}]},"maintainers":[{"name":"careteen","email":"15074806497@163.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/watermark_1.0.4_1592981658532_0.6707166259283652"},"_hasShrinkwrap":false}},"time":{"created":"2020-06-24T06:54:18.496Z","1.0.4":"2020-06-24T06:54:18.724Z","modified":"2022-04-04T21:54:51.142Z"},"maintainers":[{"name":"careteen","email":"15074806497@163.com"}],"description":"基于canvas生成水印","homepage":"https://github.com/careteenL/watermark#readme","keywords":["canvas","watermark","水印","安全"],"repository":{"type":"git","url":"git+https://github.com/careteenL/watermark.git"},"author":{"name":"careteen","email":"15074806497@163.com"},"bugs":{"url":"https://github.com/careteenL/watermark/issues"},"license":"MIT","readme":"## 生成水印\n\n### 前言\n\n其一：在PC端，对内部系统的截图应该考虑安全问题，截图内容不管是否敏感不可泄露，安全问题也不容忽视。\n\n为整个系统页面增加水印，对于内部人员的截图等敏感操作能够起到一定的提示作用。\n\n其二：对于移动端，类似于渣浪微博在**发布动态**后会为图片添加带有个人标记的水印。\n\n本库基于`canvas`提供以上两种添加水印的方式。\n\n### Usage\n\n```bash\nnpm i @careteen/watermark -D\n```\nthen\n```js\nimport waterMark from '@careteen/watermark'\nwaterMark({\n  type: 'page',\n  content: 'careteen'\n})\n// or\nwaterMark({\n  type: 'image',\n  url: 'http://localhost:3000/imgs/google.png',\n  content: 'careteen',\n  cb: (base64Url) => {\n    document.querySelector('img').src = base64Url\n  }\n})\n```\n\n### API\n\n- `type`为`page`时，为整个网页添加水印，其他属性默认值如下：\n  - width = '300px'\n  - height = '200px'\n  - textAlign = 'center'\n  - textBaseline = 'middle'\n  - font = \"20px Microsoft Yahei\"\n  - fillStyle = 'rgba(184, 184, 184, 0.6)'\n  - content = '请勿外传'\n  - rotate = '30'\n  - zIndex = 1000\n- `type`为`image`时，为特定图片添加水印，其他属性默认值如下：\n  - url = ''\n  - textAlign = 'center'\n  - textBaseline = 'middle'\n  - font = \"20px Microsoft Yahei\"\n  - fillStyle = 'rgba(184, 184, 184, 0.8)'\n  - content = '请勿外传'\n  - cb = null\n  - textX = 100\n  - textY = 30\n### TODO\n\n- svg 生成水印\n- NodeJs 生成水印\n","readmeFilename":"README.md"}