## SetUp

npm install angular-svg

## Usage

  import {
    SvgCircleModule,
    SvgLineModule,
    SvgPolygonModule,
    SvgPolylineModule,
    SvgTextModule,
    SvgPathModule
  } from 'angular-svg'

#Modules List :

1) SvgCricle
2) SvgText
3) SvgRectangle
4) SvgPolygon
5) SvgPolyline
6) SvgLine
7) SvgEllipse
8) SvgPath
  
## In Html

Add a root svg tag in your html



//Your root svg tag here

// for circle

  <g svg-circle
     [circle]="circle"
     (circleMousedown)="onCircleClick($event)"></g>

// for line

  <g svg-line
     [line]="line"
     (lineMousedown)="onLineClick($event)"></g>

//for polygon
  <g svg-polygon
     [polygon]="polygon"
     (polygonMousedown)="onPolygonClick($event)"></g>

     // for polyline
  <g svg-polyline
     [polyline]="polyline"></g>

     //for svg path
  <g svg-path
     [path]="pathString"
     [stroke]="colorstroke"></g>

     // for svg text
  <g svg-text
     [text]="text">test</g>

// Svg end tag

#Demo 
[Working Demo](https://stackblitz.com/edit/angular-svg-showcase?file=app%2Fapp.component.html)


#Support
Please reach me for any issues/features/updates :kata.yaswanth@gmail.com