{"_id":"@arch-inc/fabricjs-layer","_rev":"1-a5ecd0ab0d6a8db6d0b35877c71c7371","name":"@arch-inc/fabricjs-layer","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@arch-inc/fabricjs-layer","version":"0.1.0","description":"A simple layer implementation for Fabric.js","main":"dist/index.js","browser":"dist/index.js","module":"dist/index.es.js","types":"dist/index.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"rollup -c","watch":"rollup -cw","clean":"del-cli dist","prettify":"prettier --write ./**/*.{ts,tsx}","copy":"ncp dist/index.js docs/public/lib.js","dev":"run-p dev-pages watch","dev-pages":"next ./docs","build-pages":"npm run copy && next build ./docs","start-pages":"next start ./docs","export-pages":"next export ./docs","build-docs":"typedoc --mode library --excludeExternals --excludeNotExported --excludePrivate --excludeProtected --out ./docs/out/api ./lib/index.ts"},"repository":{"type":"git","url":"git+https://github.com/arch-inc/fabricjs-layer.git"},"keywords":["canvas","graphic","graphics","SVG","node-canvas","fabric"],"author":{"name":"Jun Kato","email":"i@junkato.jp"},"license":"MIT","bugs":{"url":"https://github.com/arch-inc/fabricjs-layer/issues"},"homepage":"https://github.com/arch-inc/fabricjs-layer#readme","dependencies":{"fabric":"^4.0.0-beta.7","sortedindex":"^0.1.0"},"devDependencies":{"@arch-inc/fabricjs-psbrush":"0.0.15","@types/fabric":"^3.6.2","@types/react":"^16.9.23","@types/tinycolor2":"^1.4.2","del-cli":"^3.0.0","ncp":"^2.0.0","next":"^9.5.5","npm-run-all":"^4.1.5","prettier":"^1.19.1","react":"^16.13.0","react-color-modal":"0.0.11","react-dom":"^16.13.0","rollup":"^2.32.1","rollup-plugin-terser":"^5.2.0","rollup-plugin-typescript2":"^0.26.0","styled-components":"^5.2.1","tinycolor2":"^1.4.2","typedoc":"^0.17.0-3","typescript":"^3.8.3"},"gitHead":"692fc23fbea689f4b931f8fae65c6154cc78dea5","_id":"@arch-inc/fabricjs-layer@0.1.0","_nodeVersion":"12.20.1","_npmVersion":"6.14.10","dist":{"integrity":"sha512-VhwpUTMA+KF5wVRNU4U2KYuZKE4gU0AYJWf66/pM0LK+pFpBVuExgVQvFK1XG9UXE/LJLiLj46bhM4f0QCevZg==","shasum":"c3a11dbb7f872a8827d3bc9e25adbc839933a3b9","tarball":"https://registry.npmjs.org/@arch-inc/fabricjs-layer/-/fabricjs-layer-0.1.0.tgz","fileCount":14,"unpackedSize":24241,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgEu8nCRA9TVsSAnZWagAARdwP/0aunBs5IjNHZukRFJjZ\nn37GClNLeYCdYh1E6ZKaQAElHWuHGRJ1mAWOMO3fddchw7WY8DW2MPkJJ6BV\nSyHtQ8pjP++9aw0El8GHAJNPI87MtTU+or74iaF25mc4c0QPXhPB9LTmmSnK\n95WivYN4mbGv7uSVkijZ5HFqGDVNFM426vtpWtqAedY1FrwUhEzju4AalxqR\nbCzX79x9PPMLOH7jo8aJ0ocKZMT7SXzGBU0xQBydYakpcN0ViflnQIAMs+tj\nebK93yl9+C7IZFaao+BO0xklCMXEmuGgBngMl6+wpRUH/NuoYZi5fAgVWtIa\nsvNn740oUbE0ddNlW0vitxj7z76DHwRvV866/jf9s/cAXxAqCXDNrnQJ11un\nlWHybBVbaFG4PC9sL7toQU/KpN74xGcYI3TuEI8NaKLuKV6Oq7QYI+l6DarK\n2xtG0EL8Jf4JzI3uYFON9MHj0LvyccHNrsD5zJN4FSxOVmAY868sVGCQ27fi\nAAJxW6tF79Ehn7quSCO3FnGV7rz9N2onerJNeW9IR7fwrFRFGPssLWfRxKzF\n3b4nmz3RqRHey7XlrJWZUNUr5b26LkiYHv3pDrA7sGMuiBMcsy9U6uWl1S+x\nWdgCUO/gxHU+qU66xMHHlafnMvFMzmUO0abQWyUSRuFJM14KWq+yyb/pveNB\nymJT\r\n=TMUA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAR9z1KNULwUc2s+0qiYxz4GjzLYTtUbxI5vvM15SMc1AiEAhNjZmSc5Jjm9Ry/6iwopqw/5H1CLXYJc5XDLcFAdSrg="}]},"_npmUser":{"name":"arcatdmz","email":"i@junkato.jp"},"directories":{},"maintainers":[{"name":"arcatdmz","email":"i@junkato.jp"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fabricjs-layer_0.1.0_1611853606666_0.8040509147117754"},"_hasShrinkwrap":false}},"time":{"created":"2021-01-28T17:06:46.448Z","0.1.0":"2021-01-28T17:06:46.769Z","modified":"2022-04-04T15:17:42.368Z"},"maintainers":[{"name":"arcatdmz","email":"i@junkato.jp"}],"description":"A simple layer implementation for Fabric.js","homepage":"https://github.com/arch-inc/fabricjs-layer#readme","keywords":["canvas","graphic","graphics","SVG","node-canvas","fabric"],"repository":{"type":"git","url":"git+https://github.com/arch-inc/fabricjs-layer.git"},"author":{"name":"Jun Kato","email":"i@junkato.jp"},"bugs":{"url":"https://github.com/arch-inc/fabricjs-layer/issues"},"license":"MIT","readme":"### fabricjs-layer\r\n\r\n[![build](https://github.com/arch-inc/fabricjs-layer/workflows/npm-publish-gpr/badge.svg)](https://github.com/arch-inc/fabricjs-layer/actions?query=workflow%3Anpm-publish-gpr)\r\n[![npm version](https://img.shields.io/npm/v/@arch-inc/fabricjs-layer)](https://www.npmjs.com/package/@arch-inc/fabricjs-layer)\r\n\r\n**fabricjs-layer** is a simple layer implementation for Fabric.js v3.x and v4.x.\r\n\r\n**fabricjs-layer** は Fabric.js v3.x および v4.x 用のシンプルなレイヤー実装です。\r\n\r\n- npm package: https://www.npmjs.com/package/@arch-inc/fabricjs-layer\r\n- API document: https://arch-inc.github.io/fabricjs-layer/api/globals.html\r\n- Demo site: https://arch-inc.github.io/fabricjs-layer/\r\n\r\n### Usage / 使い方\r\n\r\n```html\r\n<canvas id=\"main\" width=\"720\" height=\"480\"></canvas>\r\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js\"></script>\r\n<script src=\"https://cdn.jsdelivr.net/npm/@arch-inc/fabricjs-layer@latest/dist/index.js\"></script>\r\n<script>\r\n  // Create a Fabric.js canvas\r\n  let canvas = new fabric.Canvas(document.getElementById(\"main\"), {\r\n    isDrawingMode: true\r\n  });\r\n\r\n  // Create layer manager\r\n  let manager = new fabricLayer.LayerManager(canvas);\r\n\r\n  // Add layers\r\n  for (let i = 0; i++; i < 5) {\r\n    manager.addLayer();\r\n  }\r\n\r\n  // Set active layer\r\n  manager.activeLayer = manager.getLayer(3);\r\n\r\n  // Remove layer\r\n  manager.removeLayer(manager.getLayer(2));\r\n\r\n  // Move layer\r\n  manager.moveLayer(manager.activeLayerIndex, manager.activeLayerIndex + 1);\r\n\r\n  // Dispose layer manager\r\n  manager.dispose();\r\n</script>\r\n```\r\n\r\nIf you use `Webpack` or other similar solutions, simply install the npm package and start using it.\r\n\r\nTypeScript definitions are available by default. (e.g., [Layer.d.ts](https://cdn.jsdelivr.net/npm/@arch-inc/fabricjs-layer@latest/dist/Layer.d.ts))\r\n\r\n`Webpack` 等を使っている場合は `npm install` でインストールできます。TypeScript の型定義がついてきます。\r\n\r\n```sh\r\nnpm i @arch-inc/fabricjs-layer\r\n```\r\n\r\n```javascript\r\nimport { LayerGroup } from \"@arch-inc/fabricjs-layer\";\r\n```\r\n\r\n### API Documentation / API ドキュメント\r\n\r\nAll of the exported classes and interfaces are listed in [TypeDoc](https://arch-inc.github.io/fabricjs-layer/api/globals.html).\r\n\r\nこのモジュールが export しているすべてのクラスとインタフェースは [TypeDoc](https://arch-inc.github.io/fabricjs-layer/api/globals.html) で閲覧できます。\r\n\r\n### Credits / 開発者\r\n\r\n- [Jun Kato](https://junkato.jp), developer\r\n\r\n### Staying in touch / 開発者に連絡\r\n\r\n- Twitter: [@ArchResearchJp](https://twitter.com/ArchResearchJp)\r\n- Website: https://research.archinc.jp/en (日本語: https://research.archinc.jp)\r\n\r\n### Library in action / 利用例\r\n\r\n- [Demo site](https://arch-inc.github.io/fabricjs-layer/): GitHub Pages accompanied with this library\r\n\r\n---\r\n\r\nCopyright (c) 2021 Arch Inc. (Jun Kato)\r\n","readmeFilename":"README.md"}