{"_id":"@dodoroy/blur-viewer","_rev":"2-37afd0e81f3a52610fd1f048f38319d7","name":"@dodoroy/blur-viewer","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@dodoroy/blur-viewer","version":"1.0.0","description":"blur effect","main":"./src/blur-viewer.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack-dev-server --open"},"repository":{"type":"git","url":"git+https://github.com/dodoroy/blur-viewer.git"},"keywords":["image blur"],"author":{"name":"Effy"},"license":"ISC","bugs":{"url":"https://github.com/dodoroy/blur-viewer/issues"},"homepage":"https://github.com/dodoroy/blur-viewer#readme","devDependencies":{"@babel/core":"^7.2.0","@babel/preset-env":"^7.2.0","babel-loader":"^8.0.4","eslint":"^5.10.0","eslint-config-standard":"^12.0.0","eslint-loader":"^2.1.1","eslint-plugin-import":"^2.14.0","eslint-plugin-node":"^8.0.0","eslint-plugin-promise":"^4.0.1","eslint-plugin-standard":"^4.0.0","webpack":"^4.27.1","webpack-cli":"^3.1.2","webpack-dev-server":"^3.1.10"},"dependencies":{"clean-webpack-plugin":"^1.0.0","jquery":"^3.3.1"},"gitHead":"d32e17529a34766b82f91a036be7951c76469a2c","_id":"@dodoroy/blur-viewer@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"effy","email":"effy.yin@gmail.com"},"dist":{"integrity":"sha512-bJOfDVkv23eywrgnnl/j6rBw4GLQABRdU9g+DekwFgdUDwLWCc3oMJ5dnfFTlOUjCLn6TPU4yhphJWkqeSdUdQ==","shasum":"d19f8097247fd302308ac7a6b43f2b6333aa9f7d","tarball":"https://registry.npmjs.org/@dodoroy/blur-viewer/-/blur-viewer-1.0.0.tgz","fileCount":15,"unpackedSize":3176372,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcELVyCRA9TVsSAnZWagAA8/4QAJ/XDg/0RRGw9T2dU6W0\nDp0Yly7j/z0drsDvkxpA0bXHefUHDoapAJdKwUeis7UdBY6AwUTl5izIVR3t\naQytP6gdaxcb8gvLJmMsOgY4yaqD2jb3S8YtR+p9gqd4Xj2a0Z8wXhniMbpL\n1gm6as2ZoldYQc7tHQhLu9ZZbUg/umj5j3GEhxSU0bYBGYT7GENgpyrCXeUZ\nT6h80EwCul3HWUAk615bi7shHwz72NRCDZffKIhhMgirEiPJG/56xNL5r5sX\njGsfK79BMekabluPzjVQx3yRh0JjdQBmltmhOl8J9vp6f+o4dD8IBZ8SYn6h\nNrmZlj0UJxmJ7OdSloPHbUHr7SmTKRgtrd6NDlwtYwIsZapPTso9gulOpd3T\nb0mBGN8wC/uutDCbTlbEMMcjDUz/D9TIWUSHwl6ucPz69duZJgqatuWNzNwi\nGoA5bOSXoKM33RbsSoSQ1J4LX0nZY45/4SoREqOkKNXbHdcfPLL7rNdItcQH\nwVa1yksa6cedjvJdIKazTfwaV1Qw36oMcmbxJ49E9Dm6tA1T/j/h8vNP/oZR\n+E31+MXpQc9IVK8OuU4r2snnm83KaWVV/0sbFycpjGLpgEiFSM8XtEdqRbPl\nvLLtVrs8GXPq5VbN77SQPQk8lV3nzT5KsFFxKwOXF076oMCbqMnCTnV9OoDl\nu0yk\r\n=8I1v\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC94jA4LV+ZAETSfukdeQ2VOLFggnIN3GRxl/LndAgDpAIhAJuBHkujIp65Qq7oEOLLxTyCalOGHdbgHhrwQJIChhsE"}]},"maintainers":[{"name":"effy","email":"effy.yin@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/blur-viewer_1.0.0_1544598897704_0.5130083909342498"},"_hasShrinkwrap":false},"1.0.1":{"name":"@dodoroy/blur-viewer","version":"1.0.1","description":"blur effect","main":"./src/blur-viewer.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack","start":"webpack-dev-server --open"},"repository":{"type":"git","url":"git+https://github.com/dodoroy/blur-viewer.git"},"keywords":["image blur"],"author":{"name":"Effy"},"license":"ISC","bugs":{"url":"https://github.com/dodoroy/blur-viewer/issues"},"homepage":"https://github.com/dodoroy/blur-viewer#readme","devDependencies":{"@babel/core":"^7.2.0","@babel/preset-env":"^7.2.0","babel-loader":"^8.0.4","eslint":"^5.10.0","eslint-config-standard":"^12.0.0","eslint-loader":"^2.1.1","eslint-plugin-import":"^2.14.0","eslint-plugin-node":"^8.0.0","eslint-plugin-promise":"^4.0.1","eslint-plugin-standard":"^4.0.0","webpack":"^4.27.1","webpack-cli":"^3.1.2","webpack-dev-server":"^3.1.10"},"dependencies":{"clean-webpack-plugin":"^1.0.0","jquery":"^3.3.1"},"gitHead":"73373ec7315dd8594b8aa98f06988d7f64f1738a","_id":"@dodoroy/blur-viewer@1.0.1","_npmVersion":"6.4.1","_nodeVersion":"8.12.0","_npmUser":{"name":"effy","email":"effy.yin@gmail.com"},"dist":{"integrity":"sha512-ig14y/zFjkI9nVuFcDopMxDEe5sR7RoJ7vPKW2cAd5KOa32x0ZUC/en1ArcAn+BEWTBn2JUThrlgyKk0MD2vRQ==","shasum":"4057bcb058f39f443808f38b9e90c4919e2a5660","tarball":"https://registry.npmjs.org/@dodoroy/blur-viewer/-/blur-viewer-1.0.1.tgz","fileCount":15,"unpackedSize":3176383,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcELbMCRA9TVsSAnZWagAAJWYP/jFJTTN/ska+qxVTGQLb\n+DLDJTukH45k98XAvpmYcWLKM1zc9vU6lOJz4dwWSZE/jkFdwIbTAsV9lKM6\n6rrlHURyTKKKlAPHJFI6sUvlemecNGb3E1xyii5k5I4UEXCEv1BxKTBWRgrH\ncj2QgO0qRTJLF0Z9CpcQk02jAs10shpxqahDvKmVqDVnKPhcWnIxfkZXA2sU\n1+1+0WC6yPKmiczE8zcBh7sOy34fm1sgrZ23hQj966XgRnOFpsDaE/hIeYfi\nfKL7KvbOEdPXw+dvMJbEJPvYnxiMvjH7U3fP1GzgfhDsrWB8/xDbAu/GTdXG\nAlne4g+vpNM0n6mU8uhUiCQ0Pgu2aG5ND5E4gJ0F9VmssJAZO8cwJIOJs6M7\n+Hl3ywQc3gxQyI9/qDFMCNm8oJJNr3gnL2pM2s9ukRCOI975e6mkXMccKqDg\nNt0kIystE5FeOeq9mC8It1KdrhXMzvh6bJqsZBtNMaZOiFzMXfpdcoibxb+u\nJSmC+QctF1eBD+AA8nwg2tgCvtZZUTtnkpMaWXIJx6Rm+/ky6MMBNd8Q+snF\n5dP4MX1HGhRUTA9a5+2Shv35UrXp7k/MjTcxMW2bFW9Erd2cHlz6mN6m8419\nOBATD4vZU40hRIMhmGhsmHEPvBCgg8Q+rRHnpyJFYQeL9q8Q/FxjTDXoOJ2P\ndWYO\r\n=8R+Q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICj+/1e93YH/oOaCyKU4PpaIs01s5Mxu3r5npzhcAEgCAiAeqACdWHV35M3NnHl3aYMp9/NylrlFaagVypjZGnvHGQ=="}]},"maintainers":[{"name":"effy","email":"effy.yin@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/blur-viewer_1.0.1_1544599243612_0.0332513125320828"},"_hasShrinkwrap":false}},"time":{"created":"2018-12-12T07:14:57.530Z","1.0.0":"2018-12-12T07:14:57.943Z","modified":"2022-04-05T05:05:57.809Z","1.0.1":"2018-12-12T07:20:43.820Z"},"maintainers":[{"name":"effy","email":"effy.yin@gmail.com"}],"description":"blur effect","homepage":"https://github.com/dodoroy/blur-viewer#readme","keywords":["image blur"],"repository":{"type":"git","url":"git+https://github.com/dodoroy/blur-viewer.git"},"author":{"name":"Effy"},"bugs":{"url":"https://github.com/dodoroy/blur-viewer/issues"},"license":"ISC","readme":"# blur-viewer\n## About\nview the blurred image with mouse move \n![screen](https://raw.githubusercontent.com/dodoroy/blur-viewer/master/example/demo.png)\n\n## Usage\n1. include the script\n```html\n<script type=\"text/javascript\" src=\"blur-viewer.js\"></script>\n```\n2. add wrapper and svg template in html with id 'blur-template'\n```html\n  <div class=\"blur-wrapper\"><img class=\"blur-image\" src=\"./images/pic1.jpg\" alt=\"\"></div>\n  \n  <script type=\"text/template\" id=\"blur-template\">\n    <svg class=\"blur\" width=\"100%\">\n        \n      <filter id=\"{{filter}}\">\n        <feGaussianBlur stdDeviation=\"10\" color-interpolation-filters=\"sRGB\"/>\n      </filter>\n\n      <mask class=\"mask\" id=\"{{mask}}\">\n        <circle cx=\"-50%\" cy=\"-50%\" r=\"120\" fill=\"white\" filter=\"url(#{{filter}})\" />\n      </mask>\n\n      <image xlink:href=\"{{image}}\" width=\"100%\" height=\"100%\" filter=\"url(#{{filter}})\" ></image>\n      <image xlink:href=\"{{image}}\" width=\"100%\" height=\"100%\" mask=\"url(#{{mask}})\"></image>\n    </svg>\n  </script>\n```\n3. call BlurViewer with new\n```JavaScript\nlet blurElements = document.querySelector('.blur-wrapper');\nblurElement.blurViewer = new dodoroy.BlurViewer(blurElement);\n```\n\n## Credit\nCreated by [@dodo糯](http://weibo.com/dodoroy), *[blog](http://effy.me)*\n","readmeFilename":"README.md"}