Fixes #246 and #228

Mawi137 · Jan 15, 2020 · 90b7ef3 · 90b7ef3
1 parent 5c0d2db
commit 90b7ef3
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/projects/ngx-image-cropper/package.json b/projects/ngx-image-cropper/package.json
@@ -1,6 +1,6 @@
 {
     "name": "ngx-image-cropper",
-    "version": "2.1.0",
+    "version": "2.1.1",
     "description": "An image cropper for Angular",
     "author": "Martijn Willekens",
     "repository": {

diff --git a/projects/ngx-image-cropper/src/lib/component/image-cropper.component.html b/projects/ngx-image-cropper/src/lib/component/image-cropper.component.html
@@ -2,6 +2,7 @@
     <img
         #sourceImage
         class="source-image"
+        *ngIf="safeImgDataUrl"
         [src]="safeImgDataUrl"
         [style.visibility]="imageVisible ? 'visible' : 'hidden'"
         (load)="imageLoadedInView()"

diff --git a/projects/ngx-image-cropper/src/lib/component/image-cropper.component.ts b/projects/ngx-image-cropper/src/lib/component/image-cropper.component.ts
@@ -34,7 +34,7 @@ export class ImageCropperComponent implements OnChanges, OnInit {
     marginLeft: SafeStyle | string = '0px';
     imageVisible = false;
 
-    @ViewChild('sourceImage', {static: true}) sourceImage: ElementRef;
+    @ViewChild('sourceImage', {static: false}) sourceImage: ElementRef;
 
     @Input()
     set imageChangedEvent(event: any) {
@@ -817,10 +817,10 @@ export class ImageCropperComponent implements OnChanges, OnInit {
     }
 
     private getClientX(event: any): number {
-        return event.touches && event.touches[0] && event.touches[0].clientX || event.clientX;
+        return (event.touches && event.touches[0] ? event.touches[0].clientX : event.clientX) || 0;
     }
 
     private getClientY(event: any): number {
-        return event.touches && event.touches[0] && event.touches[0].clientY || event.clientY;
+        return (event.touches && event.touches[0] ? event.touches[0].clientY : event.clientY) || 0;
     }
 }