Cannot read property 'checkCrossOrigin' of undefined

[alexdabast]

angular-cropperjs/projects/angular-cropperjs/src/lib/cropper/cropper.component.ts

Line 63 in 96fbcb9

if (this.cropperOptions.checkCrossOrigin) image.crossOrigin = 'anonymous';

checkCrossOrigin should be optional
https://github.com/fengyuanchen/cropperjs#checkcrossorigin

if (this.cropperOptions && this.cropperOptions.checkCrossOrigin) image.crossOrigin = 'anonymous';

[FrancescoPaiola]

i have the same problem

[chr1soscl]

I have the same issue, but I am not providing any cropperOptions, I am still looking for the config information or some example.

[andersonmelo]

I had the same problem, I added the cropperOptions in ngOnInit() the my component.

`ngOnInit() {
this.defaultValues();

this.cropperOptions = {
  center: true,
  guides: true,
  viewMode: 1,
  aspectRatio: 3.1,
  scalable: true,
  zoomable: true,
  autoCrop: true,
  zoom: (e) => {},
  crop: (e) => {},
  cropstart: (e) => {},
  cropend: (e) => {},
  ready: (e) => {}
};

}`

[chr1soscl]

cropperOptions = {
center: true,
guides: true,
viewMode: 1,
aspectRatio: 3.1,
scalable: true,
zoomable: true,
autoCrop: true,
zoom: (e) => {},
crop: (e) => {},
cropstart: (e) => {},
cropend: (e) => {},
ready: (e) => {}
};

Thank you very much, this resolved the issue.