SetUp
npm install @panacea-coop/angular-svg
Usage
import { SvgCircleModule, SvgLineModule, SvgPolygonModule, SvgPolylineModule, SvgTextModule, SvgPathModule } from '@panacea-coop/angular-svg'
#Modules List :
- SvgCricle
- SvgText
- SvgRectangle
- SvgPolygon
- SvgPolyline
- SvgLine
- SvgEllipse
- SvgPath
In Html
<svg>
// 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>
Versions
Library version | Angular version |
---|---|
3.0.x | 8.x |
3.1.x | 9.x |
3.2.x | 10.x |
3.3.x | 11.x |
3.4.x | 12.x |
3.5.x | 13.x |
Attributions
This library is a fork of https://www.npmjs.com/package/angular-svg from Yaswanth Kata under same MIT license.