{"_id":"@durwella/zoomable-canvas","_rev":"5-46d648489e70531df42aadbd9002c2c5","name":"@durwella/zoomable-canvas","description":"An Angular 2 component allowing panning and zooming an image in a canvas element","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@durwella/zoomable-canvas","version":"1.0.0","description":"An Angular 2 component allowing panning and zooming an image in a canvas element","main":"index.js","dependencies":{"@angular/core":"^2.4.10","zone.js":"^0.8.5"},"devDependencies":{"typescript":"^1.7.5"},"scripts":{"build":"rm -rf lib && tsc -p src"},"author":{"name":"Neal Miller","email":"neal.miller@durwella.com"},"license":"MIT","gitHead":"d6bc0439a563481947bf970bdccc040ff92864a2","_id":"@durwella/zoomable-canvas@1.0.0","_shasum":"ae0bb2351dfa6ff3fc9b9b882492d94fe06444f7","_from":".","_npmVersion":"4.0.5","_nodeVersion":"5.7.0","_npmUser":{"name":"wlmiller","email":"neal.miller@durwella.com"},"dist":{"shasum":"ae0bb2351dfa6ff3fc9b9b882492d94fe06444f7","tarball":"https://registry.npmjs.org/@durwella/zoomable-canvas/-/zoomable-canvas-1.0.0.tgz","integrity":"sha512-0VKIAIYuqGvriKFTswb8e6P08pIC4Jb8Ixtq9z6/OtYB1+TJUsHNv7JrSC0q1lRdNPc9+wte4Ll4WJSUIPwTKA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC/mLN+klqSjktndSuTMfPLMRjgeubATinwHR1pi4V2hAIhAKH+PpSric/D3//b0+wNP2DUjVXUY05o/cbWZrmVklkC"}]},"maintainers":[{"name":"wlmiller","email":"neal.miller@durwella.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/zoomable-canvas-1.0.0.tgz_1490301501275_0.5913691036403179"}},"1.0.1":{"name":"@durwella/zoomable-canvas","version":"1.0.1","description":"An Angular 2 component allowing panning and zooming an image in a canvas element","main":"index.js","dependencies":{"@angular/core":"^2.4.10","zone.js":"^0.8.5","rxjs":"^5.2.0"},"devDependencies":{"typescript":"^2.0.0"},"scripts":{"build":"rm -rf lib && tsc -p src"},"repository":{"type":"git","url":"git+https://github.com/Durwella/zoomable-canvas.git"},"author":{"name":"Neal Miller","email":"neal.miller@durwella.com"},"license":"MIT","gitHead":"00792d2353bc4cfa3c5c1ed1f846bd61ce901bc5","bugs":{"url":"https://github.com/Durwella/zoomable-canvas/issues"},"homepage":"https://github.com/Durwella/zoomable-canvas#readme","_id":"@durwella/zoomable-canvas@1.0.1","_shasum":"1e0de87f52bc48f835a6dd2e0c57ed4ad4e722b8","_from":".","_npmVersion":"4.1.2","_nodeVersion":"7.7.4","_npmUser":{"name":"wlmiller","email":"neal.miller@durwella.com"},"dist":{"shasum":"1e0de87f52bc48f835a6dd2e0c57ed4ad4e722b8","tarball":"https://registry.npmjs.org/@durwella/zoomable-canvas/-/zoomable-canvas-1.0.1.tgz","integrity":"sha512-v84M+LUOKztdjgfLPhcs6kTj+Dit//s9fCOrKgEoZRYttFD0j3/sD20czrOlIpNIdHG4DHz2APNWa7uNCfOYcg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDgAyjrsULgCC9s7pzBlsQNw28CwRQ40BumggO/dZHM6AIhAKc7CTK7hlj2RKweiDclMYrbhkmDgNbcvCJuUFuwgjzG"}]},"maintainers":[{"name":"wlmiller","email":"neal.miller@durwella.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/zoomable-canvas-1.0.1.tgz_1490365698539_0.12651220615953207"}},"1.1.0":{"name":"@durwella/zoomable-canvas","version":"1.1.0","description":"An Angular 2 component allowing panning and zooming an image in a canvas element","main":"index.js","typings":"index.d.ts","peerDependencies":{"@angular/core":"^4.2.4","zone.js":"^0.8.5","rxjs":"^5.2.0"},"devDependencies":{"@angular/core":"^4.2.4","@angular/compiler":"^4.2.4","@angular/compiler-cli":"^4.2.4","rxjs":"^5.2.0","typescript":"^2.0.0","zone.js":"^0.8.5"},"scripts":{"build":"rm -rf lib && tsc -p src"},"repository":{"type":"git","url":"git+https://github.com/Durwella/zoomable-canvas.git"},"author":{"name":"Neal Miller","email":"neal.miller@durwella.com"},"license":"MIT","gitHead":"98fc9233b965552609bce90f87a7c6cad670418d","bugs":{"url":"https://github.com/Durwella/zoomable-canvas/issues"},"homepage":"https://github.com/Durwella/zoomable-canvas#readme","_id":"@durwella/zoomable-canvas@1.1.0","_npmVersion":"5.5.1","_nodeVersion":"8.1.4","_npmUser":{"name":"wlmiller","email":"neal.miller@durwella.com"},"dist":{"integrity":"sha512-O1mT1vQCKcOmzr6SsoC6sF8mKePBFQWLME7pwSzNWCMLFpMiKeKmtzetqLW9KdT8czPE3GOmzLo+OnC8RBgxCg==","shasum":"7dce598551d033d429746d37bc17f3715e4e4141","tarball":"https://registry.npmjs.org/@durwella/zoomable-canvas/-/zoomable-canvas-1.1.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD0k8eOcPUxOFZzkDGxKCabwqAPNvzvhO0gUoFIOkxa5wIgR6Jdvt4hJ6+64BW1pSZNho+56kebfhzkMMvt5EZlKCE="}]},"maintainers":[{"name":"wlmiller","email":"neal.miller@durwella.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/zoomable-canvas-1.1.0.tgz_1508774336877_0.05932879401370883"}}},"readme":"# zoomable-canvas\n\n> An Angular 2 component allowing panning and zooming an image in a canvas element\n\nA `<canvas>` element hosting an `HtmlImageElement` which can be panned and zoomed using the mouse.\n\nThis component also provides two-way bindings for panning and zooming programmatically.  For an example of the component in action, see the [example page](https://durwella.github.io/zoomable-canvas/).\n\n## Install\n\n```\nnpm install --save @durwella/zoomable-canvas\n```\n\n## Usage\nImport the component in your `NgModule`:\n\n```js\nimport { ZoomableCanvasComponent } from '@durwella/zoomable-canvas';\n\n@NgModule({\n    ...\n    declarations: [\n        ...\n        ZoomableCanvasComponent\n    ],\n    ...\n})\nexport class AppModule {\n}\n```\n\nInclude the components in your app:\n\n```html\n<zoomable-canvas \n    [image]=\"image\"\n    (topChange)=\"top = $event\" (bottomChange)=\"bottom = $event\" \n    (leftChange)=\"left = $event\" (rightChange)=\"right = $event\"\n    [(centerX)]=\"centerX\" [(centerY)]=\"centerY\"\n    [(zoomLevel)]=\"zoomLevel\" [maxZoom]=\"maxZoom\" [minZoom]=\"0\"\n    (canvasWidthChange)=\"canvasWidth = $event\" (canvasHeightChange)=\"canvasHeight = $event\"\n></zoomable-canvas>\n```\n\n## Contribute\nPull requests accepted.\n\n## License\n[MIT © Durwella LLC 2017](https://raw.githubusercontent.com/Durwella/zoomable-canvas/master/LICENSE)","maintainers":[{"name":"wlmiller","email":"neal.miller@durwella.com"}],"time":{"modified":"2022-06-12T17:22:29.306Z","created":"2017-03-23T20:38:23.257Z","1.0.0":"2017-03-23T20:38:23.257Z","1.0.1":"2017-03-24T14:28:19.505Z","1.1.0":"2017-10-23T15:58:57.855Z"},"author":{"name":"Neal Miller","email":"neal.miller@durwella.com"},"license":"MIT","readmeFilename":"README.md","homepage":"https://github.com/Durwella/zoomable-canvas#readme","repository":{"type":"git","url":"git+https://github.com/Durwella/zoomable-canvas.git"},"bugs":{"url":"https://github.com/Durwella/zoomable-canvas/issues"}}