Configuration for lens appearance needed

Question

Configuration for lens appearance needed

Opened this issue 7 years ago · 2 comments

wittlock commented 7 years ago

There's no way to configure the appearance of the lens.

Answer 1 · 2018-03-27T21:40:00.000Z

Fix didn't work when properly packaged, rolled it back. Going to try a different approach.

Answer 2 · 2021-05-07T22:37:43.000Z

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