Skip to content
main
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

PICTOR - your picture editor

Live at - https://pictortool.netlify.app/

WORK IN PROGRESS

A basic picture editor using fabric.js and nuxt.js

  1. Add Text, Shapes
  2. Upload Images
  3. Change fill colour and border Colours
  4. Adjust Transparency
  5. Save Drawings in browser
  6. Free Drawing
  7. Download ability

Also added an image color extraction functionality.

Using -

  1. Nuxt.JS
  2. Fabric.JS
  3. Color-Thief
  4. Vuetify

Implemented by default layouts and multiple pages for registration, new canvas and saved drawings.


Todos

  • Add vuex store
  • Add localstorage for current canvas
  • Add save drawing option
  • Make registration/login functional
  • Add more controls like delete, send front back, polyline.
  • Add download ability
  • Allow changing width and color of polyline
  • Refine Vuetify element's functioning. Make sure to add all the elements mentioned in whatsapp thread.
  • Add upload image in color extraction or use saved drawings
  • Connect Registration to API and auth
  • do not lose logged in info on refresh

Some Screenshots

Drawing SS1

Drawing SS2

ColorExtraction SS

Registration SS


Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, check out Nuxt.js docs.

About

PICTOR - Picture Editor using fabric.js and nuxt.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published