{"_id":"@adamjarling/openseadragon-fabricjs-overlay","_rev":"3-acac521b53a4379da9f0baf883ce609c","name":"@adamjarling/openseadragon-fabricjs-overlay","dist-tags":{"latest":"0.3.2"},"versions":{"0.3.0":{"name":"@adamjarling/openseadragon-fabricjs-overlay","version":"0.3.0","description":"An OpenSeadragon plugin that adds fabricjs canvas overlay capability.","main":"index.js","dependencies":{"openseadragon":"^2.0.0"},"devDependencies":{},"peerDependencies":{"openseadragon":"^2.0.0"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/adamjarling/openseadragon-fabricjs-overlay.git"},"keywords":["openseadragon","plugin","canvas","overlay"],"author":{"name":"Adam J. Arling"},"license":"BSD-3-Clause","bugs":{"url":"https://github.com/adamjarling/openseadragon-fabricjs-overlay/issues"},"homepage":"https://github.com/adamjarling/openseadragon-fabricjs-overlay#readme","gitHead":"f1c05a3f4427e081924185f48e45f32c1913e308","_id":"@adamjarling/openseadragon-fabricjs-overlay@0.3.0","_nodeVersion":"14.16.1","_npmVersion":"7.15.0","dist":{"integrity":"sha512-lK1LtXaszmquILKfuFSwCapG/GZxLjxhH/v3dY/eAFgsqob/4LO8KZ9ihyuGqMuGfQDnatny1z+Mpu7HX+DxBQ==","shasum":"eb8c41ee5f2eb7a5e53fff921dbf48302e99c5f2","tarball":"https://registry.npmjs.org/@adamjarling/openseadragon-fabricjs-overlay/-/openseadragon-fabricjs-overlay-0.3.0.tgz","fileCount":4,"unpackedSize":3187,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvPtOCRA9TVsSAnZWagAAPh0P/2phabkhlvv4ZWxwA/EW\nuK7sRgaRRWr5am5ELRHeVa7u6kdva4cgdc+Tw9+7py2vwFqy0PvVnusI5GYw\nsQRHVTbsAW3CYD3fz+c2xxvmQECocVpGMYGGOys8Tv9UvbYIbBpyQzY/kwmR\nz47J7JQIpXw6ysF7U+BqH8SScynbAHgo3/zf4u7bzJKgeMJ2vdiTP1GmXG2F\nOaIq0rDSln4+ksaKFeBBMtvj+MC/54zvJxviJ6AuETgiNkij7aneSGZXUewR\nZE1m/6WoajF0qwTpEPxDmiDe+FwKDr8Fhl1z6NcIIWrE6jyXK7yjcoPrlRAD\nycccdP0EGoa8dgviqb5XN1I7mQItlTqRvZDMCZzXWkd0yBJSn+qTru6ybyIe\nI/+p98LtPohhY5HVtseFh6EbNlAuW9KNh04QaRn4dzWod+DPTcmoVCyx3b9o\nyZgZ21L87z0WlGRT33Ve/3ExZXdAYn3cS9RWQnTGEBPL98KS1xnyHNTmm2IK\nRL95OzgrRzavVald38PTBC85t4tQRJWpNJDwgxVvGRb0QTL8j6yplZ+sL0YQ\nAiBKyO0RWbivn1ZNDOZhcN0r8jJKkIVahK5gwNe6hKbcHueMnJ8MB9o8z/qn\n3/z56F7jOqtmQkqdCGWNx5/WiL6oRK4pKyqPjF6mDlue6DRhopcSpQEVi+fl\naFpY\r\n=uBeq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBighIpe3aXVzfq2e3ILS62T40BjbPbVziewduY41k0FAiEA6CM/Jimb7XYbRkXIm9mrAzsun1gXTog1y756c4UvdmY="}]},"_npmUser":{"name":"adamjarling","email":"aarling@gmail.com"},"directories":{},"maintainers":[{"name":"adamjarling","email":"aarling@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/openseadragon-fabricjs-overlay_0.3.0_1622997838685_0.7598635286166813"},"_hasShrinkwrap":false},"0.3.1":{"name":"@adamjarling/openseadragon-fabricjs-overlay","version":"0.3.1","description":"An OpenSeadragon plugin that adds fabricjs canvas overlay capability.","main":"index.js","dependencies":{"openseadragon":"^2.0.0"},"devDependencies":{},"peerDependencies":{"openseadragon":"^2.0.0"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/adamjarling/openseadragon-fabricjs-overlay.git"},"keywords":["openseadragon","plugin","canvas","overlay"],"author":{"name":"Adam J. Arling"},"license":"BSD-3-Clause","bugs":{"url":"https://github.com/adamjarling/openseadragon-fabricjs-overlay/issues"},"homepage":"https://github.com/adamjarling/openseadragon-fabricjs-overlay#readme","gitHead":"d6dbddb95f785d9df85950a4f63b819a1d80370b","_id":"@adamjarling/openseadragon-fabricjs-overlay@0.3.1","_nodeVersion":"14.16.1","_npmVersion":"7.15.0","dist":{"integrity":"sha512-L7tBbfFXZYmU2b+c1N0AXs0Ng+TIIdtyW6ntwESpAxGfzt2YO+zz7He+l8vWiFrlx96jfZteMhx9sN931eK4hw==","shasum":"ef6d7b9f633760f9e1baa21dd1c1c49467a4eba3","tarball":"https://registry.npmjs.org/@adamjarling/openseadragon-fabricjs-overlay/-/openseadragon-fabricjs-overlay-0.3.1.tgz","fileCount":63,"unpackedSize":11060447,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvP+fCRA9TVsSAnZWagAA9bgP/0ZAQ/FM9tqhP9lvUAq0\nv5ESfsN+4aSQZGaGcjn4XrUm4RaCWcW3l2bRHlZG0d7HZDAD3IMXusZ5ysL3\n8kHm9zcosV721k1DCm33DtRxn5PnoUln8x5RooDB2FAjbL4r6Zir8EC6Fh6p\nNDXsZemgl5WcZD0O1kwk2FdNOt4nEDHZyJRH6wcooet3oKZSxyU5YVRkyYOr\nqsGtwGt2aaEmTjY85L1o/VLiwlWHNTZ3JNn78jAVeLNMQbKI5WDgSDyiyNqb\nKBILUMJBdYZetKoxbI/jJA6Q6BDdnpexCNdgnEVoXbZcxHWH1oe1AaTvWV4e\nP5P5pI0HqW4iBNTDsKz+jEJmTGWoLBdjiYBJLEO/HPhHROMEWz8vG2zPzyUV\nu/4SsWWDfUHVj8FDXBHwqUIZ2Rfv25BaO5Zb2S1iHOyuDsBJ+MbvsQl8mzAp\nTYpUKKPEcODTC0k5Z7o9LjjG9TkQs9dawNHHcEX96bvcnR14bMJ+AnuhZQi6\n3SHoFvBfBOGHVAErrvMc7oo4WRxd1nkI/XS6mCq7ZLXpoAWYqcGgu6FsRyaR\n0Vq26VxOOAhRH4Ecm48dfYSSx2ERlWkD/WDNuo4aotSzOX/m1V0kEh1QxUZQ\nigvTzzBV/uqygv/Dg20OqDAFLr/2pEBu9zulwpZcnZgngtEkI5p0K1Tpm7dy\nLRDL\r\n=Xf5r\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCCCMTTHMU2MNz0h4aAu4vXXEBF/TdmwhURUwhrYNm5ewIhAMVCRh3eXBH/QqibC9aScuPx4F0mANcE+qGm0K/XlLDM"}]},"_npmUser":{"name":"adamjarling","email":"aarling@gmail.com"},"directories":{},"maintainers":[{"name":"adamjarling","email":"aarling@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/openseadragon-fabricjs-overlay_0.3.1_1622998943071_0.3023866193485978"},"_hasShrinkwrap":false},"0.3.2":{"name":"@adamjarling/openseadragon-fabricjs-overlay","version":"0.3.2","description":"An OpenSeadragon plugin that adds fabricjs canvas overlay capability.","main":"index.js","dependencies":{"openseadragon":"^2.0.0"},"devDependencies":{},"peerDependencies":{"openseadragon":"^2.0.0"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/adamjarling/openseadragon-fabricjs-overlay.git"},"keywords":["openseadragon","plugin","canvas","overlay"],"author":{"name":"Adam J. Arling"},"license":"BSD-3-Clause","bugs":{"url":"https://github.com/adamjarling/openseadragon-fabricjs-overlay/issues"},"homepage":"https://github.com/adamjarling/openseadragon-fabricjs-overlay#readme","gitHead":"20f5a8f18fd31ad30b8e765630adee980bd20029","_id":"@adamjarling/openseadragon-fabricjs-overlay@0.3.2","_nodeVersion":"14.16.1","_npmVersion":"7.15.0","dist":{"integrity":"sha512-g+08b8CNHuXN1JyVsxAIw4uNYJ1ytjSWnqjFKH5Ptdpj1JWVYe+Qm9KpD02SdsnXF/ys3n3rD8kC9ZYMBi+IxA==","shasum":"9b1e3238cad371cf9e0619db971317bd3fced44d","tarball":"https://registry.npmjs.org/@adamjarling/openseadragon-fabricjs-overlay/-/openseadragon-fabricjs-overlay-0.3.2.tgz","fileCount":63,"unpackedSize":11061946,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgvRRTCRA9TVsSAnZWagAAt/8QAKLKcusuUlDt4M5XSX7l\niZJvikOsJNPvYSOlWdQmBS5TWz1uC5R+4FJsSPA6aLNBsJ/WZax/ay3MgA0h\ng06dEVm8vJeqZ4SRkkjoM/IlLfbsyELj20Tv0j2ketHo07jNFA4uQaOOrNYf\nr3B1qi1ofKOdnDrnU1HYfkFTRtio9WEsVs8Bj9Qt6Ypx2ZaR2yfXuRQI55IP\n7898vQUx2IK4GmaRzLDR82bf+ZZsh3DvrcwA3xT512TbXsEHMGbK7ZJRG51S\n0QyiECL71rRlEnJiGRF7LZIMxjTxZnSm/9ZyOmxFlFc+AHZxIKzE4QxSNiUw\npknOxlo4W84yR2QCHTx39TaFYC+6/wLnsy11UJ3Xc6WyfOewgQDjGaQPMxxX\nDzHU1lEaarRuzXRohPwgOebRc+UflnOIC8vQGCno6av3RtWKwelcqE7ZkpcO\n2OtHLE6rhwy2qqlz+Al9QGktOAsJ5vcz1GkcnYTHdbjmWkJSe9c+C1GeDc9F\n8MzB9U+i9Fi9LkNb61dUxpEoYglqsFTDg9sKdVmhLL890vb2lI9FR3hbhdRV\nfThgbAjuYw6ELQxGV6bHl0/VguAe8jVcZA7PXsdQtzGg+XCv5oKV4Heo0/hg\nARuN/AaUZQptBoJAvZjEHi9EqVKUTNWDjt2SMecUm6en6UKi5WNIf87ZCZJK\nxls+\r\n=xEDD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCzRXu5q1ltxmwpdkoaisI4iYMlvcXWkEVFJKjMDeAM7QIgMZVMl5+v9Hb1+WcHO4ZzX68sBYMUXvkgIXynZOwNeiw="}]},"_npmUser":{"name":"adamjarling","email":"aarling@gmail.com"},"directories":{},"maintainers":[{"name":"adamjarling","email":"aarling@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/openseadragon-fabricjs-overlay_0.3.2_1623004243122_0.4645693251528831"},"_hasShrinkwrap":false}},"time":{"created":"2021-06-06T16:43:58.631Z","0.3.0":"2021-06-06T16:43:58.811Z","modified":"2022-04-04T11:25:25.233Z","0.3.1":"2021-06-06T17:02:23.311Z","0.3.2":"2021-06-06T18:30:43.364Z"},"maintainers":[{"name":"adamjarling","email":"aarling@gmail.com"}],"description":"An OpenSeadragon plugin that adds fabricjs canvas overlay capability.","homepage":"https://github.com/adamjarling/openseadragon-fabricjs-overlay#readme","keywords":["openseadragon","plugin","canvas","overlay"],"repository":{"type":"git","url":"git+https://github.com/adamjarling/openseadragon-fabricjs-overlay.git"},"author":{"name":"Adam J. Arling"},"bugs":{"url":"https://github.com/adamjarling/openseadragon-fabricjs-overlay/issues"},"license":"BSD-3-Clause","readme":"# @adamjarling/OpenSeadragonFabricjsOverlay\n\nThis package is a forked version of https://github.com/altert/OpenseadragonFabricjsOverlay\n\nPlease visit the original repository for details.\n\n## Differences in forked version\n\nThis forked version does a few things differently.\n\n- Syncs Fabric JS object zoom levels to OpenSeadragon's image zoom level, instead of the viewport zoom level. Basically this better supports browser resizing, both horizontally and vertically.\n- This package provides JS module exports for `initFabricJSOverlay` and `fabric`, so you can `@import` into your compiled JS app.\n\n## Usage\n\n```\nnpm install @adamjarling/openseadragon-fabricjs-overlay\n```\n\nTo import the `fabric` module into your JavaScript app:\n\n```\nimport { fabric } from '@adamjarling/openseadragon-fabricjs-overlay';\n...\n\n// Create a FabricJS object\nconst newShape = new fabric.Rect({\n ...shapeOptions,\n ...fillProps,\n width: pointer.x - origX,\n height: pointer.y - origY,\n});\n```\n\nFor example if you're syncing OpenSeadragon and FabricJS in a React app for example, you could do something like this:\n\n```\nimport React from 'react';\nimport { useOpenSeadragon, OpenSeadragon } from 'use-open-seadragon';\nimport {\n fabric,\n initFabricJSOverlay,\n} from '@adamjarling/openseadragon-fabricjs-overlay';\n\n...\n\nexport default function MyFabricViewer() {\n // Customize Fabric selection handles\n fabric.Object.prototype.set({\n borderColor: '#22a2f8',\n borderScaleFactor: 2, // selection stroke width\n cornerColor: 'white',\n cornerSize: 10,\n transparentCorners: false,\n });\n\n // Add Fabric support to OSD\n initFabricJSOverlay(OpenSeadragon, fabric);\n\n // Initialize our OpenSeadragon instance\n const [ref, { viewer }] = useOpenSeadragon(tile, osdOptions);\n\n React.useEffect(() => {\n if (!viewer) return;\n viewer.fabricjsOverlay({ scale: 1 })\n }, [viewer]);\n\n return (\n
\n );\n}\n```\n\nFor more info, check out how this project uses the module:\n\nhttps://github.com/adamjarling/loc-speculative-annotations\n","readmeFilename":"README.md"}