ionic-canvas

ionic-canvas

An Awesome HTML Canvas Component

$7.00

Isaac Sanchez

Isaac Sanchez

Member since 2016

Details

Version:
0.0.1
Ionic:
2.x  
Platforms:
iOS, Android  
Released:
5 years ago
Updated:
4 years ago
Category:
Plugins
Tags:
drawing, html, canvas,

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

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.