{"id":15675955,"url":"https://github.com/bytesleo/angular-editor-fabric-js","last_synced_at":"2025-04-04T23:09:10.096Z","repository":{"id":22722203,"uuid":"97141535","full_name":"bytesleo/angular-editor-fabric-js","owner":"bytesleo","description":"Drag-and-drop editor based on Fabricjs for Angular.io","archived":false,"fork":false,"pushed_at":"2023-11-15T09:55:03.000Z","size":3312,"stargazers_count":430,"open_issues_count":12,"forks_count":144,"subscribers_count":23,"default_branch":"develop","last_synced_at":"2024-10-11T14:23:57.235Z","etag":null,"topics":["angular","angular-cli","angular-fabric","canvas","drag-and-drop","editor","fabric","fabricjs","resizable"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bytesleo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null},"funding":{"patreon":"kevoj"}},"created_at":"2017-07-13T16:01:23.000Z","updated_at":"2024-09-30T15:37:29.000Z","dependencies_parsed_at":"2024-04-08T18:06:58.045Z","dependency_job_id":null,"html_url":"https://github.com/bytesleo/angular-editor-fabric-js","commit_stats":{"total_commits":59,"total_committers":4,"mean_commits":14.75,"dds":"0.47457627118644063","last_synced_commit":"eba72f0c31966ce42683db268cd25b243fe25689"},"previous_names":["bytesleo/angular-editor-fabric-js"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bytesleo%2Fangular-editor-fabric-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bytesleo%2Fangular-editor-fabric-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bytesleo%2Fangular-editor-fabric-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bytesleo%2Fangular-editor-fabric-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bytesleo","download_url":"https://codeload.github.com/bytesleo/angular-editor-fabric-js/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247261612,"owners_count":20910108,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular-cli","angular-fabric","canvas","drag-and-drop","editor","fabric","fabricjs","resizable"],"created_at":"2024-10-03T16:01:04.478Z","updated_at":"2025-04-04T23:09:10.071Z","avatar_url":"https://github.com/bytesleo.png","language":"TypeScript","readme":"# angular-editor-fabric-js\n\n\u003e Drag-and-drop editor based on Fabricjs for Angular with multiple options\n\n### Example\n![Imgur](https://i.imgur.com/sQsL8G4.png)\n### Output\n![Imgur](https://i.imgur.com/hgTEb20.png)\n\n### Features\n* Export to image\n* Export to SVG\n* Save to localStorage\n* Load From LocalStorage\n* Clean workspace\n* Resize workspace\n* Add text\n* Add Images\n* Upload Images\n* Add figures (Rectangle, Triangle, Square, Circle)\n* Render to JSON\n* Clone Object\n* Sent to front Object\n* Sent to back Object\n* Delete Object\n* Unselect Object\n* Add ID to Object\n* Opacity to Object\n* Color to Object\n* Font Famility to Object\n* Text Align to Object\n* Style to Object\n* Font Size to Object\n* Line Height To Object\n* Char Spacing to Object\n\n## Installing the library in your project\n\n```bash\nnpm i angular-editor-fabric-js\n```\n\n# Development\n\n## Installing the project\n\n```bash\ngit clone https://github.com/kevoj/angular-editor-fabric-js.git\ncd angular-editor-fabric-js\nnpm install\n```\n## Start\n\nRun `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.\n\n## Build\n\nRun `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.\n\n## Running unit tests\n\nRun `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).\n\n## Running end-to-end tests\n\nRun `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).\nBefore running the tests make sure you are serving the app via `ng serve`.\n\n## License\n[MIT ©](https://github.com/kevoj/angular-editor-fabric-js/blob/master/LICENSE)\n","funding_links":["https://patreon.com/kevoj"],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbytesleo%2Fangular-editor-fabric-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbytesleo%2Fangular-editor-fabric-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbytesleo%2Fangular-editor-fabric-js/lists"}