• Stars
    star
    404
  • Rank 106,897 (Top 3 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 7 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Drag-and-drop editor based on Fabricjs for Angular.io

angular-editor-fabric-js

Drag-and-drop editor based on Fabricjs for Angular with multiple options

Example

Imgur

Output

Imgur

Features

  • Export to image
  • Export to SVG
  • Save to localStorage
  • Load From LocalStorage
  • Clean workspace
  • Resize workspace
  • Add text
  • Add Images
  • Upload Images
  • Add figures (Rectangle, Triangle, Square, Circle)
  • Render to JSON
  • Clone Object
  • Sent to front Object
  • Sent to back Object
  • Delete Object
  • Unselect Object
  • Add ID to Object
  • Opacity to Object
  • Color to Object
  • Font Famility to Object
  • Text Align to Object
  • Style to Object
  • Font Size to Object
  • Line Height To Object
  • Char Spacing to Object

Installing the library in your project

npm i angular-editor-fabric-js

Development

Installing the project

git clone https://github.com/kevoj/angular-editor-fabric-js.git
cd angular-editor-fabric-js
npm install

Start

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

License

MIT ©

More Repositories

1

thispersondoesnotexist-js

Api for https://thispersondoesnotexist.com Generates an image of a person that does not exist in real life
JavaScript
192
star
2

react-native-background-shapes

Beautiful backgrounds shapes to React Native based in flex (Android + IOS)
JavaScript
71
star
3

nodetomic-api

NEW VERSION HERE https://github.com/kevoj/nodetomic RESTful API Nodejs designed for horizontal scalability with support for cluster, based on Express, MongoDB, Redis, JWT, Socket.io, Passport.
JavaScript
68
star
4

nodetomic-api-swagger

RESTful API Nodejs designed for horizontal scalability with support for cluster, based on Swagger, Redis, JWT, Passport, Socket.io, Express, MongoDB.
JavaScript
57
star
5

nodetomic

Minimalist boilerplate for NODEJS, designed for vertical and horizontal scalability.
JavaScript
29
star
6

electron-react-ant-boilerplate

Electron + Webpack 4 + Babel 7 + React 16 + PostCSS + Sass + Ant Design + Jest + Enzyme + Eslint
JavaScript
27
star
7

redis-jwt

Management of sessions by Redis and JWT for horizontal scalability, with the possibility of having one session at a time or multiple for the same user
JavaScript
21
star
8

fabricjs-pathfinding

Pathfinding based in Fabricjs
JavaScript
12
star
9

breaking-bad-js

Experiment of animation in TREEJS based on the character Walter White of the series Breaking Bad
JavaScript
9
star
10

express-easy-helper

Helper API for express (success, badRequest, unauthorized, forbidden, notFound, unsupportedAction, invalid, error)
JavaScript
5
star
11

role-calc

library to work with roles, contains calculation of times for the session, validation of required roles
JavaScript
4
star
12

generator-scaling-fullstack

Yeoman generator - Simple RESTful server designed for horizontal scalability, based on [MERN] MongoDb, Express, Redis, NodeJS.
JavaScript
3
star
13

sequelize-inverse-model

Convert model from Sequelize to query
JavaScript
3
star
14

react-webpack-component

Base structure in Webpack 4 for the creation of npm modules in React.js
JavaScript
3
star
15

pig-minecraft-js

Experiment animation in TREEJS, using a character from Minecraft
JavaScript
2
star
16

kevoj

2
star