ngx-image-zoom
ngx-image-zoom copied to clipboard
Configuration for lens appearance needed
There's no way to configure the appearance of the lens.
Fix didn't work when properly packaged, rolled it back. Going to try a different approach.
Change the border appearance is currently possible using:
Note: currentFilePreview.file
contains a Base64 Data URI
HTML
<ng-template #imageViewer>
<lib-ngx-image-zoom
[magnification]="1.8"
[enableScrollZoom]="true"
[zoomMode]="'hover'"
[enableLens]="true"
[lensWidth]="200"
[lensHeight]="200"
[circularLens]="true"
[thumbImage]="currentFilePreview.file">
</lib-ngx-image-zoom>
</ng-template>
SASS
.ngxImageZoomLensEnabled
border-width: .3rem !important
border-color: white !important
Result