{"_id":"@codermino/vue-img-watermark","_rev":"5-e50c65deec9f51d0394091b116dac4b9","time":{"created":"2022-01-04T12:41:05.710Z","1.0.0":"2022-01-04T09:41:51.733Z","modified":"2022-04-05T00:05:29.242Z","1.0.1":"2022-01-04T12:41:05.907Z"},"name":"@codermino/vue-img-watermark","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.1":{"name":"@codermino/vue-img-watermark","version":"1.0.1","description":"add watermark for your image with only a single directive","main":"lib/vueImageWatermark.js","private":false,"scripts":{"test":"jest","demo":"webpack-dev-server --config webpack.example.config.js","prepublish":"npm run build","build:pages":"rimraf dist/ && node build/gh-pages.js","build":"rimraf lib/ && rimraf types/ && webpack"},"repository":{"type":"git","url":"git+https://github.com/codermino/coderminoWaterMark.git"},"typings":"types/index.d.ts","keywords":["watermark","vue"],"author":{"name":"@codermino"},"license":"MIT","dependencies":{"@vue/test-utils":"^1.1.1"},"peerDependencies":{"vue":"^2.6.12"},"devDependencies":{"@babel/core":"^7.11.1","@babel/plugin-transform-react-jsx":"^7.10.4","@babel/preset-env":"^7.12.11","@babel/preset-typescript":"^7.12.7","@types/prismjs":"^1.16.1","@vue/babel-preset-jsx":"^1.2.4","awesome-typescript-loader":"^5.2.1","babel-helper-vue-jsx-merge-props":"^2.0.3","babel-jest":"^26.6.3","babel-loader":"^8.1.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","css-loader":"^4.2.1","css-minimizer-webpack-plugin":"^1.1.1","file-loader":"^6.0.0","gh-pages":"^3.1.0","html-webpack-plugin":"^4.3.0","jest":"^26.6.3","lodash":"^4.17.20","mini-css-extract-plugin":"^0.9.0","prettier":"^2.0.5","prismjs":"^1.21.0","rimraf":"^3.0.2","style-loader":"^1.2.1","ts-loader":"^8.0.2","typescript":"^3.9.7","uuid":"^8.3.0","vue":"^2.6.12","vue-template-compiler":"^2.6.12","webpack":"^4.44.1","webpack-bundle-analyzer":"^3.8.0","webpack-cli":"^3.3.12","webpack-dev-server":"^3.11.0"},"gitHead":"02e4ef157078119980cb21edd22d019fd0711569","bugs":{"url":"https://github.com/codermino/coderminoWaterMark/issues"},"homepage":"https://github.com/codermino/coderminoWaterMark#readme","_id":"@codermino/vue-img-watermark@1.0.1","_nodeVersion":"12.14.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-fmS9cFzRahbF/aJHdXK+MjJ1fUnStx+Z8lwprBc4sqeSb4urNXCyJvtL86fR6r6XTJtasBt6awA+KDhs1ugHgg==","shasum":"3235714f25609dc00dfa7b315cfb80549719871a","tarball":"https://registry.npmjs.org/@codermino/vue-img-watermark/-/vue-img-watermark-1.0.1.tgz","fileCount":25,"unpackedSize":81749,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh1EBhCRA9TVsSAnZWagAAQz8P/A5d4NyEHnhehgcfUobQ\nlj2n1NHnvzplSEIidULreSU6N/3KJAji6GWq/H5PVIC3vh/NqErzpkSLmzFs\nNV77M85D11sqMv6bAekyNtZM8QY9McQN68PmR4CrVCXkkDbH48FZ8fS2pMzX\n71Y3izETAb36iwtcYMNWMyeI9Sd/9sofBtmWXddH0ufgVd5/2xrfrW8UCEFm\nyAmONY4FMlMOr61lgPzxwb/91TJFPEaqlMFIb44h4zeoJ+vKcuHKzyrDDvLe\nurPyI3Orsf/RAkuVytoDJ4X295o9zZANg4VhrKylZmNSWsv+drezFmVgIKbw\n7TpOAdOr/t2czRWnsYpL2MnEZ82alBE0EFqBpquQryHy2+YrdA4d7T5U4M0s\ndkmt7k9HH528NGtKnn1rxWtQ6LDKYsgJx5ZPmPW95TqzYPxb1tcpzDXJzyzA\n9fUun/0gavVnh9TBgZg0X3MFFoWBFVWY80t9s33nfV5hzfwGZp3nqfZn5/0m\nIdYITLCi1+dlhj9vixPi5Gu6GxgSA336Gw5exdd/ppyysYMX0Yw3Xl+hQ4jU\n8tnnmH9aFpPiXxHIB4Ax/9ezvGL+Zvhu9ex7mLbY4yGO/M22FVHoDKZz1A7/\n/R1zM/Hyz2edj5slpsYid9aWcEnD/3cHJDzm4igZhWNploUJ2BYHuRzirdbc\n2qSX\r\n=VhMZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAqpFjeP2Qjkz2R/zerSzM4SBdFSu0UyoyDTiKDNiFZxAiB9p6YF1jREChwy7HoHtLHnBxrRpVeu+X5mM/df3qmOJQ=="}]},"_npmUser":{"name":"codermino","email":"1227657064@qq.com"},"directories":{},"maintainers":[{"name":"codermino","email":"1227657064@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-img-watermark_1.0.1_1641300065762_0.44095809663748287"},"_hasShrinkwrap":false}},"maintainers":[{"name":"codermino","email":"1227657064@qq.com"}],"description":"add watermark for your image with only a single directive","homepage":"https://github.com/codermino/coderminoWaterMark#readme","keywords":["watermark","vue"],"repository":{"type":"git","url":"git+https://github.com/codermino/coderminoWaterMark.git"},"author":{"name":"@codermino"},"bugs":{"url":"https://github.com/codermino/coderminoWaterMark/issues"},"license":"MIT","readme":"# vue-img-watermark :maple_leaf:     \n\n## Installation\n```sh\nnpm install --save @codermino/vue-img-watermark\n```\n\n```\nyarn add @codermino/vue-img-watermark\n```\n\n\n\n## Usage\n```js\nimport plugin from '@codermino/vue-img-watermark'\n\nVue.use(plugin)\n\n```\n\n```html\n<img src=\"xxx\" v-watermark />\n```\n\n\n* put `v-watermark` on your `<img>` tag to generate watermark for your image\n* fully customizable with configuration object. \n  * use `setScopedConfig()` in `beforeCreate` hook in your vue component to scope configuration to that particular vue component\n  * use `v-watermark={{config: OptionConfig}}` to customize watermark behavior\n  * The order of precedance will be directive value > component scoped options > global options\n* register your custom rendering strategy with `registerCustomStrategy()` which you can later on use with `{mode: name of your strategy}` :grinning:\n\n\n## Known Issues:\n- [x] currently `canvas.drawImage()` has to be wrapped in a `setTimeout()` call to work, reason to be identified.\n","readmeFilename":"README.md"}