How to reset the canvas?

[vistajess]

I experimented on the plunker , I made clear function to reset to initial state: clear() { this.data1 = {}; }

the image cropper data resets but the canvas content is still there.

[hankehly]

The cropper object has a reset function available

[venkatasairamu]

cropper object has not reset by using this function clear() { this.data1 = {}; }

[venkatasairamu]

plz help me to Reset canvas in anotherway

[savita-turner]

I found an answer to this (to reset the canvas. you already know how to clear the cropped data):

In the component.html use #cropper like this:
<img-cropper #cropper [image]="data1" [settings]="cropperSettings" (onCrop)="cropped($event)">

In component.ts include these lines: export class myComponent implements OnInit { @ViewChild('cropper', undefined) cropper:ImageCropperComponent; constructor () {} clear () { this.cropper.reset(); } } @

[josephserrano15]

I am using the reset function as well as the resizeCanvas function, but the cropper size isn't changing. Anyone find how to do this?

[venkatasairamu]

thanks @savita-turner