/canvas-core

Drawing tool using canvas

Primary LanguageTypeScript

CanvasCore

This project was generated with Angular CLI version 7.3.1.

Development server

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.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

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.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Reference

https://medium.com/@tarik.nzl/creating-a-canvas-component-with-free-hand-drawing-with-rxjs-and-angular-61279f577415 https://medium.com/better-programming/angular-load-external-javascript-file-dynamically-3d14dde815cb https://stackoverflow.com/questions/2916081/zoom-in-on-a-point-using-scale-and-translate/30410948 https://codepen.io/HunorMarton/post/handling-complex-mouse-and-touch-events-with-rxjs https://medium.com/@OlegVaraksin/efficient-design-patterns-for-event-handling-with-rxjs-d49b56d2ae36 https://codepen.io/techslides/pen/zowLd

svg draw

https://github.com/johandb/svg-drawing-tool