
ionic-canvas
An Awesome HTML Canvas Component
$7.00
Details
ionic-canvas - An Ionic 2 Drawing Component
ionic-canvas is a simple component that makes it really easy to add html canvas functionality to your ionic 2 app by simply adding <ionic-canvas></ionic-canvas>
to any part of your app.
Features
- Freehand Drawing
- Adding Text
- Adding Images
- Drawing Over Images
- Adding Text Over Images
- Undo
- anything an html canvas app can do
How to Use
html file
html
<ionic-canvas></ionic-canvas>
ts file
```javascript import {Component, ViewChild} from '@angular/core'; import ... import {IonicCanvas} from '';
@Component({ templateUrl: '', directives: [IonicCanvas] })
export class className { @ViewChild(IonicCanvas) ionicCanvas; IonicCanvas;
constructor() {
}
methodName() {
// this.ionicCanvas.toggleDrawingMode()
// this.ionicCanvas.addText("string")
// this.ionicCanvas.undo()
// this.ionicCanvas.save()
}
} ```
Help
If you need help setting up this component or if you would like to extend the functionality of it, please do not hesitate to email me at isaacasanchez@outlook.com.