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

1. Freehand Drawing
2. Adding Text
3. Adding Images
4. Drawing Over Images
5. Adding Text Over Images
6. Undo
7. anything an html canvas app can do

How to Use

html file

<ionic-canvas></ionic-canvas>

ts file

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.